@element-plus/nightly 0.0.20261009 → 0.0.20261011

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

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

@@ -43,7 +43,7 @@ interface RadioProps extends RadioPropsBase {
 declare const radioPropsBase: {
   modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -60,7 +60,7 @@ declare const radioProps: {
   readonly border: BooleanConstructor;
   readonly modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

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

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

@@ -10,7 +10,7 @@ declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: SetupConte
   isGroup: _$vue.ComputedRef<boolean>;
   radioGroup: RadioGroupContext | undefined;
   focus: _$vue.Ref<boolean, boolean>;
-  size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   disabled: _$vue.ComputedRef<boolean>;
   tabIndex: _$vue.ComputedRef<0 | -1>;
   modelValue: _$vue.WritableComputedRef<string | number | boolean | undefined, string | number | boolean | undefined>;

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

@@ -116,7 +116,7 @@ declare const rateProps: {
   readonly texts: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], boolean>;
   readonly scoreTemplate: EpPropFinalized<StringConstructor, unknown, unknown, "{value}", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -9,25 +9,25 @@ declare const __VLS_export: _$vue.DefineComponent<RateProps, {
   /** @description set current value */setCurrentValue: typeof setCurrentValue; /** @description reset current value */
   resetCurrentValue: typeof resetCurrentValue;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: number) => void;
   change: (value: number) => void;
+  "update:modelValue": (value: number) => void;
 }, string, _$vue.PublicProps, Readonly<RateProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
   onChange?: ((value: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-  modelValue: number;
   id: string;
+  disabled: boolean;
+  modelValue: number;
+  max: number;
+  textColor: string;
   lowThreshold: number;
   highThreshold: number;
-  max: number;
   colors: string[] | Record<number, string>;
   voidColor: string;
   disabledVoidColor: string;
   icons: IconPropType[] | Record<number, IconPropType>;
   voidIcon: IconPropType;
   disabledVoidIcon: IconPropType;
-  disabled: boolean;
-  textColor: string;
   texts: string[];
   scoreTemplate: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -31,7 +31,7 @@ interface ResultProps {
 declare const resultProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly subTitle: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly icon: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
+  readonly icon: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "error" | "info", 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" | "error" | "info";
   subTitle: string;
-  icon: "info" | "primary" | "success" | "warning" | "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

@@ -30,9 +30,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, "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly", unknown, "start", boolean>;
+  readonly justify: EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
   readonly align: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "top" | "middle" | "bottom", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<RowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RowProps> & Readonly<{}>, {
+  justify: "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start";
   tag: string;
   gutter: number;
-  justify: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
 }, {}, {}, {}, 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/mask-utils.d.ts

@@ -0,0 +1,5 @@
+//#region ../../packages/components/scrollbar/src/mask-utils.d.ts
+type RTLOffsetType = 'negative' | 'positive-descending' | 'positive-ascending';
+declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
+//#endregion
+export { getRTLOffsetType };

package/es/components/scrollbar/src/mask-utils.mjs

@@ -0,0 +1,34 @@
+import { isClient } from "../../../utils/browser.mjs";
+//#region ../../packages/components/scrollbar/src/mask-utils.ts
+let cachedRTLResult = null;
+function getRTLOffsetType(recalculate = false) {
+	if (!isClient) return "negative";
+	if (cachedRTLResult === null || recalculate) {
+		const outerDiv = document.createElement("div");
+		const outerStyle = outerDiv.style;
+		outerStyle.width = "50px";
+		outerStyle.height = "50px";
+		outerStyle.overflow = "scroll";
+		outerStyle.direction = "rtl";
+		outerStyle.position = "absolute";
+		outerStyle.visibility = "hidden";
+		outerStyle.top = "-9999px";
+		const innerDiv = document.createElement("div");
+		const innerStyle = innerDiv.style;
+		innerStyle.width = "100px";
+		innerStyle.height = "100px";
+		outerDiv.appendChild(innerDiv);
+		document.body.appendChild(outerDiv);
+		if (outerDiv.scrollLeft > 0) cachedRTLResult = "positive-descending";
+		else {
+			outerDiv.scrollLeft = 1;
+			cachedRTLResult = outerDiv.scrollLeft === 0 ? "negative" : "positive-ascending";
+		}
+		document.body.removeChild(outerDiv);
+	}
+	return cachedRTLResult;
+}
+//#endregion
+export { getRTLOffsetType };
+
+//# sourceMappingURL=mask-utils.mjs.map

package/es/components/scrollbar/src/mask-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-utils.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/mask-utils.ts"],"sourcesContent":["import { isClient } from '@element-plus/utils'\n\ntype RTLOffsetType = 'negative' | 'positive-descending' | 'positive-ascending'\n\nlet cachedRTLResult: RTLOffsetType | null = null\n\nexport function getRTLOffsetType(recalculate = false): RTLOffsetType {\n  if (!isClient) return 'negative'\n  if (cachedRTLResult === null || recalculate) {\n    const outerDiv = document.createElement('div')\n    const outerStyle = outerDiv.style\n    outerStyle.width = '50px'\n    outerStyle.height = '50px'\n    outerStyle.overflow = 'scroll'\n    outerStyle.direction = 'rtl'\n    outerStyle.position = 'absolute'\n    outerStyle.visibility = 'hidden'\n    outerStyle.top = '-9999px'\n\n    const innerDiv = document.createElement('div')\n    const innerStyle = innerDiv.style\n    innerStyle.width = '100px'\n    innerStyle.height = '100px'\n\n    outerDiv.appendChild(innerDiv)\n    document.body.appendChild(outerDiv)\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = 'positive-descending'\n    } else {\n      outerDiv.scrollLeft = 1\n      cachedRTLResult =\n        outerDiv.scrollLeft === 0 ? 'negative' : 'positive-ascending'\n    }\n\n    document.body.removeChild(outerDiv)\n  }\n\n  return cachedRTLResult\n}\n"],"mappings":";;AAIA,IAAI,kBAAwC;AAE5C,SAAgB,iBAAiB,cAAc,OAAsB;CACnE,IAAI,CAAC,UAAU,OAAO;CACtB,IAAI,oBAAoB,QAAQ,aAAa;EAC3C,MAAM,WAAW,SAAS,cAAc,KAAK;EAC7C,MAAM,aAAa,SAAS;EAC5B,WAAW,QAAQ;EACnB,WAAW,SAAS;EACpB,WAAW,WAAW;EACtB,WAAW,YAAY;EACvB,WAAW,WAAW;EACtB,WAAW,aAAa;EACxB,WAAW,MAAM;EAEjB,MAAM,WAAW,SAAS,cAAc,KAAK;EAC7C,MAAM,aAAa,SAAS;EAC5B,WAAW,QAAQ;EACnB,WAAW,SAAS;EAEpB,SAAS,YAAY,QAAQ;EAC7B,SAAS,KAAK,YAAY,QAAQ;EAElC,IAAI,SAAS,aAAa,GACxB,kBAAkB;OACb;GACL,SAAS,aAAa;GACtB,kBACE,SAAS,eAAe,IAAI,aAAa;EAC7C;EAEA,SAAS,KAAK,YAAY,QAAQ;CACpC;CAEA,OAAO;AACT"}

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

@@ -0,0 +1,7 @@
+import mask_vue_vue_type_script_setup_true_lang_default from "./mask.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../../packages/components/scrollbar/src/mask.vue
+var mask_default = mask_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { mask_default as default };
+
+//# sourceMappingURL=mask.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mask.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/mask.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('mask')\" aria-hidden=\"true\">\n    <transition v-for=\"edge in edges\" :key=\"edge\" :name=\"ns.b('mask-fade')\">\n      <div\n        v-if=\"mask === true || mask === edge\"\n        v-show=\"visible[edge]\"\n        :class=\"ns.e(`${edge}-mask`)\"\n        :style=\"styles[edge]\"\n        aria-hidden=\"true\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, shallowReactive, shallowRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle } from '@element-plus/utils'\nimport { scrollbarContextKey } from './constants'\nimport { getRTLOffsetType } from './mask-utils'\n\nimport type { CSSProperties } from 'vue'\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\n\ndefineProps<{\n  mask: ScrollbarProps['mask']\n}>()\n\nconst ns = useNamespace('scrollbar')\nconst scrollbar = inject(scrollbarContextKey)!\nconst edges = ['top', 'bottom', 'left', 'right'] as const\nconst visible = shallowReactive({\n  top: false,\n  bottom: false,\n  left: false,\n  right: false,\n})\nconst styles = shallowRef<Partial<Record<ScrollbarDirection, CSSProperties>>>(\n  {}\n)\n\nconst handleScroll = () => {\n  const wrap = scrollbar.wrapElement\n  if (!wrap) return\n\n  const {\n    clientHeight,\n    scrollHeight,\n    scrollTop,\n    clientWidth,\n    scrollWidth,\n    scrollLeft,\n  } = wrap\n  // Scroll offsets may be fractional, whereas scroll and client sizes are rounded.\n  const maxTop = scrollHeight - clientHeight\n  const maxLeft = scrollWidth - clientWidth\n  const hasVerticalOverflow = clientHeight > 0 && maxTop > 1\n  const hasHorizontalOverflow = clientWidth > 0 && maxLeft > 1\n  let left = scrollLeft\n  if (hasHorizontalOverflow && getStyle(wrap, 'direction') === 'rtl') {\n    // Normalize the browser's RTL offset to the distance from the physical left.\n    switch (getRTLOffsetType()) {\n      case 'negative':\n        left = maxLeft + scrollLeft\n        break\n      case 'positive-ascending':\n        left = maxLeft - scrollLeft\n        break\n    }\n  }\n\n  visible.top = hasVerticalOverflow && scrollTop > 1\n  visible.bottom = hasVerticalOverflow && maxTop - scrollTop > 1\n  visible.left = hasHorizontalOverflow && left > 1\n  visible.right = hasHorizontalOverflow && maxLeft - left > 1\n}\n\nconst update = () => {\n  const { wrapElement: wrap, scrollbarElement } = scrollbar\n  if (!wrap || !scrollbarElement) return\n\n  // Align with the viewport, excluding native scrollbars and any wrap border.\n  const {\n    offsetLeft,\n    offsetTop,\n    clientLeft,\n    clientTop,\n    clientWidth,\n    clientHeight,\n  } = wrap\n  const left = offsetLeft + clientLeft\n  const top = offsetTop + clientTop\n  const verticalStyle = {\n    left: `${left}px`,\n    width: `${clientWidth}px`,\n    maxHeight: `${clientHeight}px`,\n  }\n  const horizontalStyle = {\n    top: `${top}px`,\n    height: `${clientHeight}px`,\n    maxWidth: `${clientWidth}px`,\n  }\n  styles.value = {\n    top: { ...verticalStyle, top: `${top}px` },\n    bottom: {\n      ...verticalStyle,\n      bottom: `${scrollbarElement.clientHeight - top - clientHeight}px`,\n    },\n    left: { ...horizontalStyle, left: `${left}px` },\n    right: {\n      ...horizontalStyle,\n      right: `${scrollbarElement.clientWidth - left - clientWidth}px`,\n    },\n  }\n  handleScroll()\n}\n\ndefineExpose({ update, handleScroll })\n</script>\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { ScrollbarProps } from "./scrollbar.js";
+import * as _$vue from "vue";
+
+//#region ../../packages/components/scrollbar/src/mask.vue.d.ts
+type __VLS_Props = {
+  mask: ScrollbarProps['mask'];
+};
+declare const __VLS_export: _$vue.DefineComponent<__VLS_Props, {
+  update: () => void;
+  handleScroll: () => void;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

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

@@ -0,0 +1,113 @@
+import { getStyle } from "../../../utils/dom/style.mjs";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { scrollbarContextKey } from "./constants.mjs";
+import { getRTLOffsetType } from "./mask-utils.mjs";
+import { Fragment, Transition, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderList, shallowReactive, shallowRef, unref, vShow, withCtx, withDirectives } from "vue";
+//#region ../../packages/components/scrollbar/src/mask.vue?vue&type=script&setup=true&lang.ts
+var mask_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "mask",
+	props: { mask: {
+		type: [Boolean, String],
+		required: true
+	} },
+	setup(__props, { expose: __expose }) {
+		const ns = useNamespace("scrollbar");
+		const scrollbar = inject(scrollbarContextKey);
+		const edges = [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		];
+		const visible = shallowReactive({
+			top: false,
+			bottom: false,
+			left: false,
+			right: false
+		});
+		const styles = shallowRef({});
+		const handleScroll = () => {
+			const wrap = scrollbar.wrapElement;
+			if (!wrap) return;
+			const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } = wrap;
+			const maxTop = scrollHeight - clientHeight;
+			const maxLeft = scrollWidth - clientWidth;
+			const hasVerticalOverflow = clientHeight > 0 && maxTop > 1;
+			const hasHorizontalOverflow = clientWidth > 0 && maxLeft > 1;
+			let left = scrollLeft;
+			if (hasHorizontalOverflow && getStyle(wrap, "direction") === "rtl") switch (getRTLOffsetType()) {
+				case "negative":
+					left = maxLeft + scrollLeft;
+					break;
+				case "positive-ascending": left = maxLeft - scrollLeft;
+			}
+			visible.top = hasVerticalOverflow && scrollTop > 1;
+			visible.bottom = hasVerticalOverflow && maxTop - scrollTop > 1;
+			visible.left = hasHorizontalOverflow && left > 1;
+			visible.right = hasHorizontalOverflow && maxLeft - left > 1;
+		};
+		const update = () => {
+			const { wrapElement: wrap, scrollbarElement } = scrollbar;
+			if (!wrap || !scrollbarElement) return;
+			const { offsetLeft, offsetTop, clientLeft, clientTop, clientWidth, clientHeight } = wrap;
+			const left = offsetLeft + clientLeft;
+			const top = offsetTop + clientTop;
+			const verticalStyle = {
+				left: `${left}px`,
+				width: `${clientWidth}px`,
+				maxHeight: `${clientHeight}px`
+			};
+			const horizontalStyle = {
+				top: `${top}px`,
+				height: `${clientHeight}px`,
+				maxWidth: `${clientWidth}px`
+			};
+			styles.value = {
+				top: {
+					...verticalStyle,
+					top: `${top}px`
+				},
+				bottom: {
+					...verticalStyle,
+					bottom: `${scrollbarElement.clientHeight - top - clientHeight}px`
+				},
+				left: {
+					...horizontalStyle,
+					left: `${left}px`
+				},
+				right: {
+					...horizontalStyle,
+					right: `${scrollbarElement.clientWidth - left - clientWidth}px`
+				}
+			};
+			handleScroll();
+		};
+		__expose({
+			update,
+			handleScroll
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(ns).e("mask")),
+				"aria-hidden": "true"
+			}, [(openBlock(), createElementBlock(Fragment, null, renderList(edges, (edge) => {
+				return createVNode(Transition, {
+					key: edge,
+					name: unref(ns).b("mask-fade")
+				}, {
+					default: withCtx(() => [__props.mask === true || __props.mask === edge ? withDirectives((openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(ns).e(`${edge}-mask`)),
+						style: normalizeStyle(styles.value[edge]),
+						"aria-hidden": "true"
+					}, null, 6)), [[vShow, unref(visible)[edge]]]) : createCommentVNode("v-if", true)]),
+					_: 2
+				}, 1032, ["name"]);
+			}), 64))], 2);
+		};
+	}
+});
+//#endregion
+export { mask_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=mask.vue_vue_type_script_setup_true_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mask.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/mask.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('mask')\" aria-hidden=\"true\">\n    <transition v-for=\"edge in edges\" :key=\"edge\" :name=\"ns.b('mask-fade')\">\n      <div\n        v-if=\"mask === true || mask === edge\"\n        v-show=\"visible[edge]\"\n        :class=\"ns.e(`${edge}-mask`)\"\n        :style=\"styles[edge]\"\n        aria-hidden=\"true\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, shallowReactive, shallowRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle } from '@element-plus/utils'\nimport { scrollbarContextKey } from './constants'\nimport { getRTLOffsetType } from './mask-utils'\n\nimport type { CSSProperties } from 'vue'\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\n\ndefineProps<{\n  mask: ScrollbarProps['mask']\n}>()\n\nconst ns = useNamespace('scrollbar')\nconst scrollbar = inject(scrollbarContextKey)!\nconst edges = ['top', 'bottom', 'left', 'right'] as const\nconst visible = shallowReactive({\n  top: false,\n  bottom: false,\n  left: false,\n  right: false,\n})\nconst styles = shallowRef<Partial<Record<ScrollbarDirection, CSSProperties>>>(\n  {}\n)\n\nconst handleScroll = () => {\n  const wrap = scrollbar.wrapElement\n  if (!wrap) return\n\n  const {\n    clientHeight,\n    scrollHeight,\n    scrollTop,\n    clientWidth,\n    scrollWidth,\n    scrollLeft,\n  } = wrap\n  // Scroll offsets may be fractional, whereas scroll and client sizes are rounded.\n  const maxTop = scrollHeight - clientHeight\n  const maxLeft = scrollWidth - clientWidth\n  const hasVerticalOverflow = clientHeight > 0 && maxTop > 1\n  const hasHorizontalOverflow = clientWidth > 0 && maxLeft > 1\n  let left = scrollLeft\n  if (hasHorizontalOverflow && getStyle(wrap, 'direction') === 'rtl') {\n    // Normalize the browser's RTL offset to the distance from the physical left.\n    switch (getRTLOffsetType()) {\n      case 'negative':\n        left = maxLeft + scrollLeft\n        break\n      case 'positive-ascending':\n        left = maxLeft - scrollLeft\n        break\n    }\n  }\n\n  visible.top = hasVerticalOverflow && scrollTop > 1\n  visible.bottom = hasVerticalOverflow && maxTop - scrollTop > 1\n  visible.left = hasHorizontalOverflow && left > 1\n  visible.right = hasHorizontalOverflow && maxLeft - left > 1\n}\n\nconst update = () => {\n  const { wrapElement: wrap, scrollbarElement } = scrollbar\n  if (!wrap || !scrollbarElement) return\n\n  // Align with the viewport, excluding native scrollbars and any wrap border.\n  const {\n    offsetLeft,\n    offsetTop,\n    clientLeft,\n    clientTop,\n    clientWidth,\n    clientHeight,\n  } = wrap\n  const left = offsetLeft + clientLeft\n  const top = offsetTop + clientTop\n  const verticalStyle = {\n    left: `${left}px`,\n    width: `${clientWidth}px`,\n    maxHeight: `${clientHeight}px`,\n  }\n  const horizontalStyle = {\n    top: `${top}px`,\n    height: `${clientHeight}px`,\n    maxWidth: `${clientWidth}px`,\n  }\n  styles.value = {\n    top: { ...verticalStyle, top: `${top}px` },\n    bottom: {\n      ...verticalStyle,\n      bottom: `${scrollbarElement.clientHeight - top - clientHeight}px`,\n    },\n    left: { ...horizontalStyle, left: `${left}px` },\n    right: {\n      ...horizontalStyle,\n      right: `${scrollbarElement.clientWidth - left - clientWidth}px`,\n    },\n  }\n  handleScroll()\n}\n\ndefineExpose({ update, handleScroll })\n</script>\n"],"mappings":";;;;;;;;;;;;;EA4BA,MAAM,KAAK,aAAa,WAAW;EACnC,MAAM,YAAY,OAAO,mBAAmB;EAC5C,MAAM,QAAQ;GAAC;GAAO;GAAU;GAAQ;EAAO;EAC/C,MAAM,UAAU,gBAAgB;GAC9B,KAAK;GACL,QAAQ;GACR,MAAM;GACN,OAAO;EACT,CAAC;EACD,MAAM,SAAS,WACb,CAAC,CACH;EAEA,MAAM,qBAAqB;GACzB,MAAM,OAAO,UAAU;GACvB,IAAI,CAAC,MAAM;GAEX,MAAM,EACJ,cACA,cACA,WACA,aACA,aACA,eACE;GAEJ,MAAM,SAAS,eAAe;GAC9B,MAAM,UAAU,cAAc;GAC9B,MAAM,sBAAsB,eAAe,KAAK,SAAS;GACzD,MAAM,wBAAwB,cAAc,KAAK,UAAU;GAC3D,IAAI,OAAO;GACX,IAAI,yBAAyB,SAAS,MAAM,WAAW,MAAM,OAE3D,QAAQ,iBAAiB,GAAzB;IACE,KAAK;KACH,OAAO,UAAU;KACjB;IACF,KAAK,sBACH,OAAO,UAAU;GAErB;GAGF,QAAQ,MAAM,uBAAuB,YAAY;GACjD,QAAQ,SAAS,uBAAuB,SAAS,YAAY;GAC7D,QAAQ,OAAO,yBAAyB,OAAO;GAC/C,QAAQ,QAAQ,yBAAyB,UAAU,OAAO;EAC5D;EAEA,MAAM,eAAe;GACnB,MAAM,EAAE,aAAa,MAAM,qBAAqB;GAChD,IAAI,CAAC,QAAQ,CAAC,kBAAkB;GAGhC,MAAM,EACJ,YACA,WACA,YACA,WACA,aACA,iBACE;GACJ,MAAM,OAAO,aAAa;GAC1B,MAAM,MAAM,YAAY;GACxB,MAAM,gBAAgB;IACpB,MAAM,GAAG,KAAK;IACd,OAAO,GAAG,YAAY;IACtB,WAAW,GAAG,aAAa;GAC7B;GACA,MAAM,kBAAkB;IACtB,KAAK,GAAG,IAAI;IACZ,QAAQ,GAAG,aAAa;IACxB,UAAU,GAAG,YAAY;GAC3B;GACA,OAAO,QAAQ;IACb,KAAK;KAAE,GAAG;KAAe,KAAK,GAAG,IAAI;IAAI;IACzC,QAAQ;KACN,GAAG;KACH,QAAQ,GAAG,iBAAiB,eAAe,MAAM,aAAa;IAChE;IACA,MAAM;KAAE,GAAG;KAAiB,MAAM,GAAG,KAAK;IAAI;IAC9C,OAAO;KACL,GAAG;KACH,OAAO,GAAG,iBAAiB,cAAc,OAAO,YAAY;IAC9D;GACF;GACA,aAAa;EACf;EAEA,SAAa;GAAE;GAAQ;EAAa,CAAC;;GApHnC,OAAA,UAAA,GAAA,mBAUM,OAAA;IAVA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;IAAU,eAAY;GACrC,GAAA,EAAA,UAAA,GAAA,mBAQa,UAAA,MAAA,WARc,QAAR,SAAI;IAAvB,OAAA,YAQa,YAAA;KARsB,KAAK;KAAO,MAAM,MAAA,EAAA,CAAE,CAAC,EAAC,WAAA;;KACvD,SAAA,cAME,CALM,QAAA,SAAI,QAAa,QAAA,SAAS,OADlC,gBAAA,UAAA,GAAA,mBAME,OAAA;;MAHC,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,EAAC,GAAI,KAAI,MAAA,CAAA;MACnB,OAAK,eAAE,OAAA,MAAO,KAAI;MACnB,eAAY;KAHJ,GAAA,MAAA,CAAA,IAAA,CAAA,CAAA,OAAA,MAAA,OAAA,CAAO,CAAC,KAAI,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}

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

@@ -58,6 +58,11 @@ interface ScrollbarProps {
    * @description always show
    */
   always?: boolean;
+  /**
+   * @description show gradient masks at all edges or at the specified edge while more content can be scrolled to
+   * @default false
+   */
+  mask?: boolean | ScrollbarDirection;
   /**
    * @description minimum size of scrollbar
    * @default 20
@@ -107,6 +112,7 @@ declare const scrollbarProps: {
   readonly noresize: BooleanConstructor;
   readonly tag: EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
   readonly always: BooleanConstructor;
+  readonly mask: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "left" | "right" | "top" | "bottom", unknown, false, boolean>;
   readonly minSize: EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
   readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
   readonly id: StringConstructor;

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

@@ -95,6 +95,21 @@ const scrollbarProps = buildProps({
 	*/
 	always: Boolean,
 	/**
+	* @description show gradient masks at all edges or at the specified edge while more content can be scrolled to
+	*/
+	mask: {
+		type: [Boolean, String],
+		values: [
+			true,
+			false,
+			"top",
+			"bottom",
+			"left",
+			"right"
+		],
+		default: false
+	},
+	/**
 	* @description minimum size of scrollbar
 	*/
 	minSize: {

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

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ClassValue } from '@element-plus/utils'\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport interface ScrollbarProps {\n  /**\n   * @description trigger distance(px)\n   * @default 0\n   */\n  distance?: number\n  /**\n   * @description height of scrollbar\n   * @default ''\n   */\n  height?: number | string\n  /**\n   * @description max height of scrollbar\n   * @default ''\n   */\n  maxHeight?: number | string\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native?: boolean\n  /**\n   * @description style of wrap\n   * @default ''\n   */\n  wrapStyle?: StyleValue\n  /**\n   * @description class of wrap\n   * @default ''\n   */\n  wrapClass?: ClassValue\n  /**\n   * @description class of view\n   * @default ''\n   */\n  viewClass?: ClassValue\n  /**\n   * @description style of view\n   * @default ''\n   */\n  viewStyle?: StyleValue\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize?: boolean\n  /**\n   * @description element tag of the view\n   * @default 'div'\n   */\n  tag?: keyof HTMLElementTagNameMap | (string & {})\n  /**\n   * @description always show\n   */\n  always?: boolean\n  /**\n   * @description minimum size of scrollbar\n   * @default 20\n   */\n  minSize?: number\n  /**\n   * @description Wrap tabindex\n   * @default undefined\n   */\n  tabindex?: number | string\n  /**\n   * @description id of view\n   */\n  id?: string\n  /**\n   * @description role of view\n   */\n  role?: string\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n  /**\n   * @description native `aria-orientation` attribute\n   */\n  ariaOrientation?: 'horizontal' | 'vertical' | 'undefined'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.\n */\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.\n */\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"mappings":";;;;;;;AA2FA,MAAa,iBAAiB,WAAW;;;;CAIvC,UAAU;EACR,MAAM;EACN,SAAS;CACX;;;;CAIA,QAAQ;EACN,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS;CACX;;;;CAIA,QAAQ;;;;CAIR,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,UAAU;;;;CAIV,KAAK;EACH,MAAM;EACN,SAAS;CACX;;;;CAIA,QAAQ;;;;CAIR,SAAS;EACP,MAAM;EACN,SAAS;CACX;;;;CAIA,UAAU;EACR,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS,KAAA;CACX;;;;CAIA,IAAI;;;;CAIJ,MAAM;CACN,GAAG,aAAa,CAAC,aAAa,iBAAiB,CAAC;AAClD,CAAU;AAOV,MAAa,iBAAiB;CAC5B,gBAAgB,cACd;EAAC;EAAQ;EAAS;EAAO;CAAQ,CAAC,CAAC,SAAS,SAAS;CACvD,SAAS,EACP,WACA,iBAII,CAAC,WAAW,UAAU,CAAC,CAAC,MAAM,QAAQ;AAC9C"}
+{"version":3,"file":"scrollbar.mjs","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ClassValue } from '@element-plus/utils'\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport interface ScrollbarProps {\n  /**\n   * @description trigger distance(px)\n   * @default 0\n   */\n  distance?: number\n  /**\n   * @description height of scrollbar\n   * @default ''\n   */\n  height?: number | string\n  /**\n   * @description max height of scrollbar\n   * @default ''\n   */\n  maxHeight?: number | string\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native?: boolean\n  /**\n   * @description style of wrap\n   * @default ''\n   */\n  wrapStyle?: StyleValue\n  /**\n   * @description class of wrap\n   * @default ''\n   */\n  wrapClass?: ClassValue\n  /**\n   * @description class of view\n   * @default ''\n   */\n  viewClass?: ClassValue\n  /**\n   * @description style of view\n   * @default ''\n   */\n  viewStyle?: StyleValue\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize?: boolean\n  /**\n   * @description element tag of the view\n   * @default 'div'\n   */\n  tag?: keyof HTMLElementTagNameMap | (string & {})\n  /**\n   * @description always show\n   */\n  always?: boolean\n  /**\n   * @description show gradient masks at all edges or at the specified edge while more content can be scrolled to\n   * @default false\n   */\n  mask?: boolean | ScrollbarDirection\n  /**\n   * @description minimum size of scrollbar\n   * @default 20\n   */\n  minSize?: number\n  /**\n   * @description Wrap tabindex\n   * @default undefined\n   */\n  tabindex?: number | string\n  /**\n   * @description id of view\n   */\n  id?: string\n  /**\n   * @description role of view\n   */\n  role?: string\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n  /**\n   * @description native `aria-orientation` attribute\n   */\n  ariaOrientation?: 'horizontal' | 'vertical' | 'undefined'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.\n */\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description show gradient masks at all edges or at the specified edge while more content can be scrolled to\n   */\n  mask: {\n    type: [Boolean, String],\n    values: [true, false, 'top', 'bottom', 'left', 'right'],\n    default: false,\n  },\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.\n */\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"mappings":";;;;;;;AAgGA,MAAa,iBAAiB,WAAW;;;;CAIvC,UAAU;EACR,MAAM;EACN,SAAS;CACX;;;;CAIA,QAAQ;EACN,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS;CACX;;;;CAIA,QAAQ;;;;CAIR,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;EAAO,CAAC;EACjE,SAAS;CACX;;;;CAIA,UAAU;;;;CAIV,KAAK;EACH,MAAM;EACN,SAAS;CACX;;;;CAIA,QAAQ;;;;CAIR,MAAM;EACJ,MAAM,CAAC,SAAS,MAAM;EACtB,QAAQ;GAAC;GAAM;GAAO;GAAO;GAAU;GAAQ;EAAO;EACtD,SAAS;CACX;;;;CAIA,SAAS;EACP,MAAM;EACN,SAAS;CACX;;;;CAIA,UAAU;EACR,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS,KAAA;CACX;;;;CAIA,IAAI;;;;CAIJ,MAAM;CACN,GAAG,aAAa,CAAC,aAAa,iBAAiB,CAAC;AAClD,CAAU;AAOV,MAAa,iBAAiB;CAC5B,gBAAgB,cACd;EAAC;EAAQ;EAAS;EAAO;CAAQ,CAAC,CAAC,SAAS,SAAS;CACvD,SAAS,EACP,WACA,iBAII,CAAC,WAAW,UAAU,CAAC,CAAC,MAAM,QAAQ;AAC9C"}

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

@@ -18,28 +18,29 @@ declare const __VLS_base: _$vue.DefineComponent<ScrollbarProps, {
   setScrollLeft: (value: number) => void; /** @description handle scroll event */
   handleScroll: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "end-reached": (direction: ScrollbarDirection) => void;
   scroll: (args_0: {
     scrollTop: number;
     scrollLeft: number;
   }) => void;
+  "end-reached": (direction: ScrollbarDirection) => void;
 }, string, _$vue.PublicProps, Readonly<ScrollbarProps> & Readonly<{
-  "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   onScroll?: ((args_0: {
     scrollTop: number;
     scrollLeft: number;
   }) => any) | undefined;
+  "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
-  tag: keyof HTMLElementTagNameMap | (string & {});
-  distance: number;
+  tabindex: string | number;
   height: string | number;
+  mask: boolean | ScrollbarDirection;
   maxHeight: string | number;
+  tag: (string & {}) | keyof HTMLElementTagNameMap;
+  distance: number;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;
   wrapClass: string | false | Record<string, any> | ClassValue[] | null;
   viewClass: string | false | Record<string, any> | ClassValue[] | null;
   viewStyle: string | false | CSSProperties | StyleValue[] | null;
   minSize: number;
-  tabindex: string | number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;