@element-plus/nightly 0.0.20241030 → 0.0.20241101

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

@@ -1,13 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        contentRef: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly ariaLabel: StringConstructor;
     readonly id: StringConstructor;
@@ -548,7 +541,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly stopPopperMouseEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly pure: boolean;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,12 +1,7 @@
 import type { Instance as PopperInstance } from '@popperjs/core';
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown, "tooltip", boolean>;
 }, {
@@ -20,7 +15,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
 }>>, {
     readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/components/popper/src/trigger.vue.d.ts

@@ -1,11 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly virtualRef: {
         readonly type: import("vue").PropType<import("./constants").Measurable>;
@@ -119,7 +114,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly open: boolean;
     readonly virtualTriggering: boolean;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,17 +1,12 @@
 import type { ProgressColor } from './progress';
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            percentage: number;
-        }): any;
-        default?(_: {
-            percentage: number;
-        }): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+    default?(_: {
+        percentage: number;
+    }): any;
+    default?(_: {
+        percentage: number;
+    }): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "circle" | "line" | "dashboard", unknown, "line", boolean>;
     readonly percentage: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -74,7 +69,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly striped: boolean;
     readonly stripedFlow: boolean;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        radioRef: HTMLInputElement;
-    };
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
     readonly size: {
@@ -39,7 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly name: string;
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        radioGroupRef: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly ariaLabel: StringConstructor;
     readonly id: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -53,7 +46,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly textColor: string;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        radioRef: HTMLInputElement;
-    };
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly border: BooleanConstructor;
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
@@ -48,7 +41,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly name: string;
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,14 +1,9 @@
 declare function __VLS_template(): {
-    slots: {
-        icon?(_: {}): any;
-        title?(_: {}): any;
-        "sub-title"?(_: {}): any;
-        extra?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+    icon?(_: {}): any;
+    title?(_: {}): any;
+    "sub-title"?(_: {}): any;
+    extra?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -22,7 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly icon: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly subTitle: string;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,11 +1,6 @@
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
     readonly gutter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -31,7 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly tag: string;
     readonly gutter: number;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,89 +1,9 @@
-import { nextTick } from 'vue';
 import type { CSSProperties, StyleValue } from 'vue';
 declare function scrollTo(xCord: number, yCord?: number): void;
 declare function scrollTo(options: ScrollToOptions): void;
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        scrollbarRef: HTMLDivElement;
-        wrapRef: HTMLDivElement;
-        resizeRef: unknown;
-        barRef: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                readonly always: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly minSize: {
-                    readonly type: import("vue").PropType<number>;
-                    readonly required: true;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "always">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: import("vue").Slots;
-            $root: import("vue").ComponentPublicInstance | null;
-            $parent: import("vue").ComponentPublicInstance | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly minSize: {
-                    readonly type: import("vue").PropType<number>;
-                    readonly required: true;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-            }>>, {
-                handleScroll: (wrap: HTMLDivElement) => void;
-                update: () => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                readonly always: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            }> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly minSize: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: true;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-        }>> & import("vue").ShallowUnwrapRef<{
-            handleScroll: (wrap: HTMLDivElement) => void;
-            update: () => void;
-        }> & {} & import("vue").ComponentCustomProperties) | null;
-    };
-    attrs: Partial<{}>;
+    default?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     readonly ariaLabel: StringConstructor;
     readonly ariaOrientation: {
@@ -165,7 +85,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly tag: string;
     readonly noresize: boolean;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -4,12 +4,14 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            direction: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown>;
             block: boolean;
             modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>;
             options: import("./src/types.js").Option[];
             validateEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: StringConstructor;
+            direction: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
             options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]) | ((new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]))[], unknown, unknown, () => never[], boolean>;
             modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
             block: BooleanConstructor;
@@ -26,7 +28,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
         }>> & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             onChange?: ((val: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "block" | "modelValue" | "options" | "validateEvent">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "direction" | "block" | "modelValue" | "options" | "validateEvent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -40,6 +42,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             ariaLabel: StringConstructor;
+            direction: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
             options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]) | ((new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]))[], unknown, unknown, () => never[], boolean>;
             modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
             block: BooleanConstructor;
@@ -61,6 +64,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
             change: (val: any) => void;
         }, string, {
             disabled: boolean;
+            direction: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown>;
             block: boolean;
             modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>;
             options: import("./src/types.js").Option[];
@@ -87,6 +91,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         ariaLabel: StringConstructor;
+        direction: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
         options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]) | ((new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]))[], unknown, unknown, () => never[], boolean>;
         modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
         block: BooleanConstructor;
@@ -109,6 +114,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: StringConstructor;
+    direction: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]) | ((new (...args: any[]) => import("./src/types.js").Option[]) | (() => import("./src/types.js").Option[]))[], unknown, unknown, () => never[], boolean>;
     modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
     block: BooleanConstructor;
@@ -130,6 +136,7 @@ export declare const ElSegmented: import("@element-plus/nightly/es/utils").SFCWi
     change: (val: any) => void;
 }, string, {
     disabled: boolean;
+    direction: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown>;
     block: boolean;
     modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown>;
     options: import("./src/types.js").Option[];

package/lib/components/segmented/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var segmented$1 = require('./src/segmented.js');
-var segmented = require('./src/segmented2.js');
+var segmented$1 = require('./src/segmented2.js');
+var segmented = require('./src/segmented.js');
 var install = require('../../utils/vue/install.js');
 
 const ElSegmented = install.withInstall(segmented$1["default"]);

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

@@ -3,6 +3,7 @@ import type { ExtractPropTypes } from 'vue';
 import type Segmented from './segmented.vue';
 export declare const segmentedProps: {
     ariaLabel: StringConstructor;
+    direction: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | ((new (...args: any[]) => Option[]) | (() => Option[]))[], unknown, unknown, () => never[], boolean>;
     modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(NumberConstructor | StringConstructor | BooleanConstructor)[], unknown, unknown, undefined, boolean>;
     block: BooleanConstructor;

package/lib/components/segmented/src/segmented.js

@@ -2,169 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../../hooks/index.js');
-require('../../form/index.js');
 require('../../../utils/index.js');
+require('../../../hooks/index.js');
 require('../../../constants/index.js');
-var segmented = require('./segmented2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-id/index.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
-var useFormItem = require('../../form/src/hooks/use-form-item.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var index$1 = require('../../../hooks/use-aria/index.js');
 var event = require('../../../constants/event.js');
 var shared = require('@vue/shared');
-var error = require('../../../utils/error.js');
+var types = require('../../../utils/types.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElSegmented"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: segmented.segmentedProps,
-  emits: segmented.segmentedEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("segmented");
-    const segmentedId = index$1.useId();
-    const segmentedSize = useFormCommonProps.useFormSize();
-    const _disabled = useFormCommonProps.useFormDisabled();
-    const { formItem } = useFormItem.useFormItem();
-    const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const segmentedRef = vue.ref(null);
-    const activeElement = core.useActiveElement();
-    const state = vue.reactive({
-      isInit: false,
-      width: 0,
-      translateX: 0,
-      focusVisible: false
-    });
-    const handleChange = (item) => {
-      const value = getValue(item);
-      emit(event.UPDATE_MODEL_EVENT, value);
-      emit(event.CHANGE_EVENT, value);
-    };
-    const getValue = (item) => {
-      return shared.isObject(item) ? item.value : item;
-    };
-    const getLabel = (item) => {
-      return shared.isObject(item) ? item.label : item;
-    };
-    const getDisabled = (item) => {
-      return !!(_disabled.value || (shared.isObject(item) ? item.disabled : false));
-    };
-    const getSelected = (item) => {
-      return props.modelValue === getValue(item);
-    };
-    const getOption = (value) => {
-      return props.options.find((item) => getValue(item) === value);
-    };
-    const getItemCls = (item) => {
-      return [
-        ns.e("item"),
-        ns.is("selected", getSelected(item)),
-        ns.is("disabled", getDisabled(item))
-      ];
-    };
-    const updateSelect = () => {
-      if (!segmentedRef.value)
-        return;
-      const selectedItem = segmentedRef.value.querySelector(".is-selected");
-      const selectedItemInput = segmentedRef.value.querySelector(".is-selected input");
-      if (!selectedItem || !selectedItemInput) {
-        state.width = 0;
-        state.translateX = 0;
-        state.focusVisible = false;
-        return;
-      }
-      const rect = selectedItem.getBoundingClientRect();
-      state.isInit = true;
-      state.width = rect.width;
-      state.translateX = selectedItem.offsetLeft;
-      try {
-        state.focusVisible = selectedItemInput.matches(":focus-visible");
-      } catch (e) {
-      }
-    };
-    const segmentedCls = vue.computed(() => [
-      ns.b(),
-      ns.m(segmentedSize.value),
-      ns.is("block", props.block)
-    ]);
-    const selectedStyle = vue.computed(() => ({
-      width: `${state.width}px`,
-      transform: `translateX(${state.translateX}px)`,
-      display: state.isInit ? "block" : "none"
-    }));
-    const selectedCls = vue.computed(() => [
-      ns.e("item-selected"),
-      ns.is("disabled", getDisabled(getOption(props.modelValue))),
-      ns.is("focus-visible", state.focusVisible)
-    ]);
-    const name = vue.computed(() => {
-      return props.name || segmentedId.value;
-    });
-    core.useResizeObserver(segmentedRef, updateSelect);
-    vue.watch(activeElement, updateSelect);
-    vue.watch(() => props.modelValue, () => {
-      var _a;
-      updateSelect();
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => error.debugWarn(err));
-      }
-    }, {
-      flush: "post"
-    });
-    return (_ctx, _cache) => {
-      return _ctx.options.length ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        id: vue.unref(inputId),
-        ref_key: "segmentedRef",
-        ref: segmentedRef,
-        class: vue.normalizeClass(vue.unref(segmentedCls)),
-        role: "radiogroup",
-        "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
-        "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("group"))
-        }, [
-          vue.createElementVNode("div", {
-            style: vue.normalizeStyle(vue.unref(selectedStyle)),
-            class: vue.normalizeClass(vue.unref(selectedCls))
-          }, null, 6),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("label", {
-              key: index,
-              class: vue.normalizeClass(getItemCls(item))
-            }, [
-              vue.createElementVNode("input", {
-                class: vue.normalizeClass(vue.unref(ns).e("item-input")),
-                type: "radio",
-                name: vue.unref(name),
-                disabled: getDisabled(item),
-                checked: getSelected(item),
-                onChange: ($event) => handleChange(item)
-              }, null, 42, ["name", "disabled", "checked", "onChange"]),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("item-label"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", { item }, () => [
-                  vue.createTextVNode(vue.toDisplayString(getLabel(item)), 1)
-                ])
-              ], 2)
-            ], 2);
-          }), 128))
-        ], 2)
-      ], 10, ["id", "aria-label", "aria-labelledby"])) : vue.createCommentVNode("v-if", true);
-    };
-  }
+const segmentedProps = runtime.buildProps({
+  direction: {
+    type: runtime.definePropType(String),
+    default: "horizontal"
+  },
+  options: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  block: Boolean,
+  size: index.useSizeProp,
+  disabled: Boolean,
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  name: String,
+  ...index$1.useAriaProps(["ariaLabel"])
 });
-var Segmented = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "segmented.vue"]]);
+const segmentedEmits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val),
+  [event.CHANGE_EVENT]: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val)
+};
 
-exports["default"] = Segmented;
+exports.segmentedEmits = segmentedEmits;
+exports.segmentedProps = segmentedProps;
 //# sourceMappingURL=segmented.js.map