@element-plus/nightly 0.0.20260404 → 0.0.20260405

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

@@ -9,12 +9,12 @@ import * as vue from "vue";
 //#region ../../packages/components/mention/src/mention.vue.d.ts
 declare const __VLS_export: <T extends MentionOption = MentionOption>(__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<MentionProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
     onSearch?: ((pattern: string, prefix: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -48,7 +48,7 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
       index: number;
     }) => any;
   };
-  emit: ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+  emit: ((event: "update:modelValue", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
 }>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
 }> & {

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

@@ -109,10 +109,12 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
   onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly showTimeout: number;
+  readonly hideTimeout: number;
   readonly defaultActive: string;
   readonly defaultOpeneds: string[];
   readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
@@ -120,8 +122,6 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly popperOffset: number;
   readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
   readonly popperEffect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  readonly showTimeout: number;
-  readonly hideTimeout: number;
   readonly uniqueOpened: boolean;
   readonly router: boolean;
   readonly closeOnClickOutside: boolean;

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

@@ -131,10 +131,10 @@ declare const messageProps: {
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

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

@@ -19,15 +19,15 @@ declare const __VLS_base: vue.DefineComponent<MessageProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: MessageType;
+  id: string;
   offset: number;
-  message: string | vue.VNode | (() => vue.VNode);
-  zIndex: number;
-  showClose: boolean;
   placement: MessagePlacement;
-  onClose: () => void;
+  zIndex: number;
   icon: IconPropType;
+  onClose: () => void;
   plain: boolean;
-  id: string;
+  message: string | vue.VNode | (() => vue.VNode);
+  showClose: boolean;
   duration: number;
   customClass: string;
   dangerouslyUseHTMLString: boolean;

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

@@ -110,10 +110,10 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
   readonly zIndex: NumberConstructor;
   readonly closeIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
 };

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

@@ -18,14 +18,14 @@ declare const __VLS_base: vue.DefineComponent<NotificationProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: NotificationType;
+  id: string;
   offset: number;
-  message: string | vue.VNode | (() => vue.VNode);
-  showClose: boolean;
-  closeIcon: IconPropType;
   title: string;
-  id: string;
-  onClick: () => void;
   position: NotificationPosition;
+  onClick: () => void;
+  message: string | vue.VNode | (() => vue.VNode);
+  closeIcon: IconPropType;
+  showClose: boolean;
   duration: number;
   customClass: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -135,11 +135,11 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   "onPrev-click"?: ((val: number) => any) | undefined;
   "onNext-click"?: ((val: number) => any) | undefined;
 }>, {
-  readonly small: boolean;
-  readonly disabled: boolean;
-  readonly layout: string;
   readonly popperClass: string;
+  readonly disabled: boolean;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly small: boolean;
+  readonly layout: string;
   readonly background: boolean;
   readonly pagerCount: number;
   readonly pageSizes: number[];

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

@@ -83,8 +83,8 @@ declare const popconfirmProps: {
   readonly title: StringConstructor;
   readonly confirmButtonText: StringConstructor;
   readonly cancelButtonText: StringConstructor;
-  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "danger" | "primary" | "success" | "warning" | "info" | "text", unknown, "primary", boolean>;
-  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "danger" | "primary" | "success" | "warning" | "info" | "text", unknown, "text", boolean>;
+  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "primary", boolean>;
+  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "text", boolean>;
   readonly icon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, () => vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
   readonly iconColor: EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
   readonly hideIcon: BooleanConstructor;

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

@@ -27,10 +27,10 @@ declare const __VLS_base: vue.DefineComponent<PopconfirmProps, {
   onCancel?: ((e: MouseEvent) => any) | undefined;
   onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
-  icon: IconPropType;
+  hideAfter: number;
   effect: PopperEffect;
   teleported: boolean;
-  hideAfter: number;
+  icon: IconPropType;
   width: string | number;
   confirmButtonType: ButtonType;
   cancelButtonType: ButtonType;

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

@@ -116,7 +116,7 @@ interface PopoverProps {
 declare const popoverProps: {
   readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end") | (() => Placement$1) | (((new (...args: any[]) => "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly disabled: BooleanConstructor;
   readonly visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
   readonly transition: StringConstructor;

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

@@ -33,21 +33,21 @@ declare const __VLS_base: vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
   offset: number;
-  content: string;
-  showArrow: boolean;
   placement: Placement;
-  tabindex: string | number;
-  visible: boolean | null;
+  popperOptions: Partial<Options>;
   effect: PopperEffect;
   enterable: boolean;
   popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
-  popperOptions: Partial<Options>;
-  persistent: boolean;
+  visible: boolean | null;
+  content: string;
   teleported: boolean;
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
+  persistent: boolean;
+  tabindex: string | number;
+  showArrow: boolean;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
   width: string | number;

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

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

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

@@ -40,24 +40,24 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
+  boundariesPadding: number;
+  gpuAcceleration: boolean;
   offset: number;
   placement: Placement$1;
-  visible: boolean;
+  popperOptions: Partial<Options$1>;
+  strategy: "fixed" | "absolute";
+  arrowOffset: number;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   effect: PopperEffect;
   enterable: boolean;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
+  loop: boolean;
+  visible: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
-  loop: boolean;
-  boundariesPadding: number;
-  gpuAcceleration: boolean;
-  popperOptions: Partial<Options$1>;
-  strategy: "fixed" | "absolute";
-  arrowOffset: number;
 }, {}, {}, {}, 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/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" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "listbox" | "grid" | "tooltip" | "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" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "listbox" | "grid" | "tooltip" | "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/progress/src/progress.d.ts

@@ -77,11 +77,11 @@ declare const progressProps: {
   readonly indeterminate: BooleanConstructor;
   readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
   readonly strokeWidth: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-  readonly strokeLinecap: EpPropFinalized<(new (...args: any[]) => "round" | "inherit" | "butt" | "square") | (() => NonNullable<"round" | "inherit" | "butt" | "square" | undefined>) | (((new (...args: any[]) => "round" | "inherit" | "butt" | "square") | (() => NonNullable<"round" | "inherit" | "butt" | "square" | undefined>)) | null)[], unknown, unknown, "round", boolean>;
+  readonly strokeLinecap: EpPropFinalized<(new (...args: any[]) => "inherit" | "round" | "butt" | "square") | (() => NonNullable<"inherit" | "round" | "butt" | "square" | undefined>) | (((new (...args: any[]) => "inherit" | "round" | "butt" | "square") | (() => NonNullable<"inherit" | "round" | "butt" | "square" | undefined>)) | null)[], unknown, unknown, "round", boolean>;
   readonly textInside: BooleanConstructor;
   readonly width: EpPropFinalized<NumberConstructor, unknown, unknown, 126, boolean>;
   readonly showText: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly color: EpPropFinalized<(new (...args: any[]) => string | ProgressColor[] | ProgressFn) | (() => string | ProgressColor[] | ProgressFn) | (((new (...args: any[]) => string | ProgressColor[] | ProgressFn) | (() => string | ProgressColor[] | ProgressFn)) | null)[], unknown, unknown, "", boolean>;
+  readonly color: EpPropFinalized<(new (...args: any[]) => string | ProgressFn | ProgressColor[]) | (() => string | ProgressFn | ProgressColor[]) | (((new (...args: any[]) => string | ProgressFn | ProgressColor[]) | (() => string | ProgressFn | ProgressColor[])) | null)[], unknown, unknown, "", boolean>;
   readonly striped: BooleanConstructor;
   readonly stripedFlow: BooleanConstructor;
   readonly format: EpPropFinalized<(new (...args: any[]) => ProgressFn) | (() => ProgressFn) | {

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

@@ -14,15 +14,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ProgressProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: "line" | "circle" | "dashboard";
+  format: ProgressFn;
+  showText: boolean;
   color: string | ProgressColor[] | ProgressFn;
   strokeLinecap: NonNullable<vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
   width: number;
-  format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
   duration: number;
-  showText: 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-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<{}>, {
-  value: string | number | boolean;
   name: string;
-  modelValue: string | number | boolean;
   disabled: boolean;
+  modelValue: string | number | boolean;
   label: string | number | boolean;
+  value: 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

@@ -10,17 +10,17 @@ declare const __VLS_base: vue.DefineComponent<RadioGroupProps, {}, {}, {}, {}, v
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (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;
+  onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   type: "radio" | "button";
-  props: radioOptionProp;
-  fill: string;
+  id: string;
   name: string;
-  modelValue: string | number | boolean;
   disabled: boolean;
-  id: string;
+  modelValue: string | number | boolean;
   validateEvent: boolean;
+  props: radioOptionProp;
+  fill: 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.vue.d.ts

@@ -10,15 +10,15 @@ declare const __VLS_base: vue.DefineComponent<RadioProps, {}, {}, {}, {}, vue.Co
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (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;
+  onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  value: string | number | boolean;
   name: string;
-  modelValue: string | number | boolean;
   disabled: boolean;
-  border: boolean;
+  modelValue: string | number | boolean;
   label: string | number | boolean;
+  value: string | number | boolean;
+  border: 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

@@ -13,22 +13,22 @@ declare const __VLS_export: vue.DefineComponent<RateProps, {
   "update:modelValue": (value: number) => void;
   change: (value: number) => void;
 }, string, vue.PublicProps, Readonly<RateProps> & Readonly<{
-  onChange?: ((value: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+  onChange?: ((value: number) => any) | undefined;
 }>, {
-  max: number;
-  modelValue: number;
-  disabled: boolean;
   id: string;
-  textColor: string;
+  disabled: boolean;
+  modelValue: number;
   lowThreshold: number;
   highThreshold: number;
+  max: number;
   colors: string[] | Record<number, string>;
   voidColor: string;
   disabledVoidColor: string;
   icons: Array<IconPropType> | Record<number, IconPropType>;
   voidIcon: IconPropType;
   disabledVoidIcon: IconPropType;
+  textColor: string;
   texts: string[];
   scoreTemplate: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -32,7 +32,7 @@ interface ResultProps {
 declare const resultProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly subTitle: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly icon: EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
+  readonly icon: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `ResultProps` instead.

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

@@ -14,8 +14,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ResultProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ResultProps> & Readonly<{}>, {
   title: string;
-  icon: "primary" | "success" | "warning" | "info" | "error";
   subTitle: string;
+  icon: "primary" | "success" | "warning" | "info" | "error";
 }, {}, {}, {}, 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/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, "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center", unknown, "start", boolean>;
+  readonly justify: EpPropFinalized<StringConstructor, "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly", unknown, "start", boolean>;
   readonly align: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "bottom" | "top" | "middle", 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

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<RowProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RowProps> & Readonly<{}>, {
   tag: string;
-  justify: typeof RowJustify[number];
   gutter: number;
+  justify: typeof RowJustify[number];
 }, {}, {}, {}, 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/scrollbar/src/scrollbar.vue.d.ts

@@ -29,11 +29,11 @@ declare const __VLS_base: vue.DefineComponent<ScrollbarProps, {
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
-  tag: keyof HTMLElementTagNameMap | (string & {});
   tabindex: number | string;
+  tag: keyof HTMLElementTagNameMap | (string & {});
+  distance: number;
   height: number | string;
   maxHeight: number | string;
-  distance: number;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;
   wrapClass: string | string[];
   viewClass: string | string[];

package/es/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,7 @@
 import { isNumber, isObject } from "../../../utils/types.mjs";
 import { debugWarn } from "../../../utils/error.mjs";
 import { addUnit } from "../../../utils/dom/style.mjs";
+import { isGreaterThan } from "../../../utils/numbers.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { scrollbarEmits, scrollbarProps } from "./scrollbar.mjs";
 import { scrollbarContextKey } from "./constants.mjs";
@@ -79,9 +80,9 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				wrapScrollTop = wrapRef.value.scrollTop;
 				wrapScrollLeft = wrapRef.value.scrollLeft;
 				const arrivedStates = {
-					bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
+					bottom: !isGreaterThan(wrapRef.value.scrollHeight - props.distance, wrapRef.value.clientHeight + wrapScrollTop),
 					top: wrapScrollTop <= props.distance && prevTop !== 0,
-					right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
+					right: !isGreaterThan(wrapRef.value.scrollWidth - props.distance, wrapRef.value.clientWidth + wrapScrollLeft) && prevLeft !== wrapScrollLeft,
 					left: wrapScrollLeft <= props.distance && prevLeft !== 0
 				};
 				emit("scroll", {

package/es/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}

package/es/components/scrollbar/src/scrollbar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"scrollbar2.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}