@element-plus/nightly 0.0.20260720 → 0.0.20260722

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 import * as _$csstype from "csstype";
@@ -7,12 +8,7 @@ import * as _$csstype from "csstype";
 declare const overlayProps: {
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -29,12 +25,7 @@ type OverlayEmits = typeof overlayEmits;
 declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -48,12 +39,7 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
 }, string, _$vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -64,6 +50,7 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly overlayClass: ClassValue;
   readonly customMaskEvent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/overlay/src/overlay.js

@@ -15,11 +15,15 @@ const overlayProps = require_runtime$1.buildProps({
 		default: true
 	},
 	customMaskEvent: Boolean,
-	overlayClass: { type: require_runtime$1.definePropType([
-		String,
-		Array,
-		Object
-	]) },
+	overlayClass: {
+		type: require_runtime$1.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	zIndex: { type: require_runtime$1.definePropType([String, Number]) }
 });
 const overlayEmits = { click: (evt) => evt instanceof MouseEvent };

package/lib/components/overlay/src/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["buildProps","definePropType","useNamespace","useSameTarget"],"sources":["../../../../../../packages/components/overlay/src/overlay.ts"],"sourcesContent":["import { createVNode, defineComponent, h, renderSlot } from 'vue'\nimport { PatchFlags, buildProps, definePropType } from '@element-plus/utils'\nimport { useNamespace, useSameTarget } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { ZIndexType } from '@element-plus/utils'\n\nexport const overlayProps = buildProps({\n  mask: {\n    type: Boolean,\n    default: true,\n  },\n  customMaskEvent: Boolean,\n  overlayClass: {\n    type: definePropType<string | string[] | Record<string, boolean>>([\n      String,\n      Array,\n      Object,\n    ]),\n  },\n  zIndex: {\n    type: definePropType<ZIndexType>([String, Number]),\n  },\n} as const)\nexport type OverlayProps = ExtractPropTypes<typeof overlayProps>\nexport type OverlayPropsPublic = ExtractPublicPropTypes<typeof overlayProps>\n\nexport const overlayEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type OverlayEmits = typeof overlayEmits\n\nconst BLOCK = 'overlay'\n\nexport default defineComponent({\n  name: 'ElOverlay',\n\n  props: overlayProps,\n  emits: overlayEmits,\n\n  setup(props, { slots, emit }) {\n    // No reactivity on this prop because when its rendering with a global\n    // component, this will be a constant flag.\n    const ns = useNamespace(BLOCK)\n\n    const onMaskClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const { onClick, onMousedown, onMouseup } = useSameTarget(\n      props.customMaskEvent ? undefined : onMaskClick\n    )\n\n    // init here\n    return () => {\n      // when the vnode meets the same structure but with different change trigger\n      // it will not automatically update, thus we simply use h function to manage updating\n      return props.mask\n        ? createVNode(\n            'div',\n            {\n              class: [ns.b(), props.overlayClass],\n              style: {\n                zIndex: props.zIndex,\n              },\n              onClick,\n              onMousedown,\n              onMouseup,\n            },\n            [renderSlot(slots, 'default')],\n            PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n            ['onClick', 'onMouseup', 'onMousedown']\n          )\n        : h(\n            'div',\n            {\n              class: props.overlayClass,\n              style: {\n                zIndex: props.zIndex,\n                position: 'fixed',\n                top: '0px',\n                right: '0px',\n                bottom: '0px',\n                left: '0px',\n              } as CSSProperties,\n            },\n            [renderSlot(slots, 'default')]\n          )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,eAAeA,kBAAAA,WAAW;CACrC,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;CACjB,cAAc,EACZ,MAAMC,kBAAAA,eAA4D;EAChE;EACA;EACA;EACD,CAAC,EACH;CACD,QAAQ,EACN,MAAMA,kBAAAA,eAA2B,CAAC,QAAQ,OAAO,CAAC,EACnD;CACF,CAAU;AAIX,MAAa,eAAe,EAC1B,QAAQ,QAAoB,eAAe,YAC5C;AAGD,MAAM,QAAQ;AAEd,IAAA,mBAAA,GAAA,IAAA,iBAA+B;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAG5B,MAAM,KAAKC,cAAAA,aAAa,MAAM;EAE9B,MAAM,eAAe,MAAkB;GACrC,KAAK,SAAS,EAAE;;EAGlB,MAAM,EAAE,SAAS,aAAa,cAAcC,gBAAAA,cAC1C,MAAM,kBAAkB,KAAA,IAAY,YACrC;EAGD,aAAa;GAGX,OAAO,MAAM,QAAA,GAAA,IAAA,aAEP,OACA;IACE,OAAO,CAAC,GAAG,GAAG,EAAE,MAAM,aAAa;IACnC,OAAO,EACL,QAAQ,MAAM,QACf;IACD;IACA;IACA;IACD,EACD,EAAA,GAAA,IAAA,YAAY,OAAO,UAAU,CAAC,EAAA,IAE9B;IAAC;IAAW;IAAa;IAAc,CACxC,IAAA,GAAA,IAAA,GAEC,OACA;IACE,OAAO,MAAM;IACb,OAAO;KACL,QAAQ,MAAM;KACd,UAAU;KACV,KAAK;KACL,OAAO;KACP,QAAQ;KACR,MAAM;KACP;IACF,EACD,EAAA,GAAA,IAAA,YAAY,OAAO,UAAU,CAAC,CAC/B;;;CAGV,CAAC"}
+{"version":3,"file":"overlay.js","names":["buildProps","definePropType","useNamespace","useSameTarget"],"sources":["../../../../../../packages/components/overlay/src/overlay.ts"],"sourcesContent":["import { createVNode, defineComponent, h, renderSlot } from 'vue'\nimport { PatchFlags, buildProps, definePropType } from '@element-plus/utils'\nimport { useNamespace, useSameTarget } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { ClassValue, ZIndexType } from '@element-plus/utils'\n\nexport const overlayProps = buildProps({\n  mask: {\n    type: Boolean,\n    default: true,\n  },\n  customMaskEvent: Boolean,\n  overlayClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  zIndex: {\n    type: definePropType<ZIndexType>([String, Number]),\n  },\n} as const)\nexport type OverlayProps = ExtractPropTypes<typeof overlayProps>\nexport type OverlayPropsPublic = ExtractPublicPropTypes<typeof overlayProps>\n\nexport const overlayEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type OverlayEmits = typeof overlayEmits\n\nconst BLOCK = 'overlay'\n\nexport default defineComponent({\n  name: 'ElOverlay',\n\n  props: overlayProps,\n  emits: overlayEmits,\n\n  setup(props, { slots, emit }) {\n    // No reactivity on this prop because when its rendering with a global\n    // component, this will be a constant flag.\n    const ns = useNamespace(BLOCK)\n\n    const onMaskClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const { onClick, onMousedown, onMouseup } = useSameTarget(\n      props.customMaskEvent ? undefined : onMaskClick\n    )\n\n    // init here\n    return () => {\n      // when the vnode meets the same structure but with different change trigger\n      // it will not automatically update, thus we simply use h function to manage updating\n      return props.mask\n        ? createVNode(\n            'div',\n            {\n              class: [ns.b(), props.overlayClass],\n              style: {\n                zIndex: props.zIndex,\n              },\n              onClick,\n              onMousedown,\n              onMouseup,\n            },\n            [renderSlot(slots, 'default')],\n            PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n            ['onClick', 'onMouseup', 'onMousedown']\n          )\n        : h(\n            'div',\n            {\n              class: props.overlayClass,\n              style: {\n                zIndex: props.zIndex,\n                position: 'fixed',\n                top: '0px',\n                right: '0px',\n                bottom: '0px',\n                left: '0px',\n              } as CSSProperties,\n            },\n            [renderSlot(slots, 'default')]\n          )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,eAAeA,kBAAAA,WAAW;CACrC,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;CACjB,cAAc;EACZ,MAAMC,kBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACD,QAAQ,EACN,MAAMA,kBAAAA,eAA2B,CAAC,QAAQ,OAAO,CAAC,EACnD;CACF,CAAU;AAIX,MAAa,eAAe,EAC1B,QAAQ,QAAoB,eAAe,YAC5C;AAGD,MAAM,QAAQ;AAEd,IAAA,mBAAA,GAAA,IAAA,iBAA+B;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAG5B,MAAM,KAAKC,cAAAA,aAAa,MAAM;EAE9B,MAAM,eAAe,MAAkB;GACrC,KAAK,SAAS,EAAE;;EAGlB,MAAM,EAAE,SAAS,aAAa,cAAcC,gBAAAA,cAC1C,MAAM,kBAAkB,KAAA,IAAY,YACrC;EAGD,aAAa;GAGX,OAAO,MAAM,QAAA,GAAA,IAAA,aAEP,OACA;IACE,OAAO,CAAC,GAAG,GAAG,EAAE,MAAM,aAAa;IACnC,OAAO,EACL,QAAQ,MAAM,QACf;IACD;IACA;IACA;IACD,EACD,EAAA,GAAA,IAAA,YAAY,OAAO,UAAU,CAAC,EAAA,IAE9B;IAAC;IAAW;IAAa;IAAc,CACxC,IAAA,GAAA,IAAA,GAEC,OACA;IACE,OAAO,MAAM;IACb,OAAO;KACL,QAAQ,MAAM;KACd,UAAU;KACV,KAAK;KACL,OAAO;KACP,QAAQ;KACR,MAAM;KACP;IACF,EACD,EAAA,GAAA,IAAA,YAAY,OAAO,UAAU,CAAC,CAC/B;;;CAGV,CAAC"}

package/lib/components/pagination/src/components/sizes.d.ts

@@ -1,7 +1,8 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import _default from "./sizes.vue.js";
 import * as _$vue from "vue";
-import { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes } from "vue";
+import { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from "vue";
 
 //#region ../../packages/components/pagination/src/components/sizes.d.ts
 declare const paginationSizesProps: {
@@ -12,18 +13,8 @@ declare const paginationSizesProps: {
     __epPropKey: true;
   };
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<string>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly teleported: BooleanConstructor;
   readonly size: {

package/lib/components/pagination/src/components/sizes.js

@@ -19,8 +19,24 @@ const paginationSizesProps = require_runtime.buildProps({
 			100
 		])
 	},
-	popperClass: { type: String },
-	popperStyle: { type: require_runtime.definePropType([String, Object]) },
+	popperClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
+	popperStyle: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	disabled: Boolean,
 	teleported: Boolean,
 	size: {

package/lib/components/pagination/src/components/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","names":["buildProps","definePropType","mutable","componentSizes"],"sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n  },\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\nexport type PaginationSizesPropsPublic = ExtractPublicPropTypes<\n  typeof paginationSizesProps\n>\n\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\n"],"mappings":";;;;;AAUA,MAAa,uBAAuBA,gBAAAA,WAAW;CAC7C,UAAU;EACR,MAAM;EACN,UAAU;EACX;CACD,WAAW;EACT,MAAMC,gBAAAA,eAAyB,MAAM;EACrC,eAAeC,mBAAAA,QAAQ;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;GAAI,CAAU;EAC3D;CACD,aAAa,EACX,MAAM,QACP;CACD,aAAa,EACX,MAAMD,gBAAAA,eAAuC,CAAC,QAAQ,OAAO,CAAC,EAC/D;CACD,UAAU;CACV,YAAY;CACZ,MAAM;EACJ,MAAM;EACN,QAAQE,aAAAA;EACT;CACD,cAAc;CACf,CAAU"}
+{"version":3,"file":"sizes.js","names":["buildProps","definePropType","mutable","componentSizes"],"sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { ClassValue } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\nexport type PaginationSizesPropsPublic = ExtractPublicPropTypes<\n  typeof paginationSizesProps\n>\n\nexport type SizesInstance = InstanceType<typeof Sizes> & unknown\n"],"mappings":";;;;;AAOA,MAAa,uBAAuBA,gBAAAA,WAAW;CAC7C,UAAU;EACR,MAAM;EACN,UAAU;EACX;CACD,WAAW;EACT,MAAMC,gBAAAA,eAAyB,MAAM;EACrC,eAAeC,mBAAAA,QAAQ;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;GAAI,CAAU;EAC3D;CACD,aAAa;EACX,MAAMD,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACD,aAAa;EACX,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACD,UAAU;CACV,YAAY;CACZ,MAAM;EACJ,MAAM;EACN,QAAQE,aAAAA;EACT;CACD,cAAc;CACf,CAAU"}

package/lib/components/pagination/src/components/sizes.vue.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../../utils/typescript.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/pagination/src/components/sizes.vue.d.ts
@@ -10,18 +11,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<string>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | _$vue.CSSProperties) | (() => string | _$vue.CSSProperties) | (((new (...args: any[]) => string | _$vue.CSSProperties) | (() => string | _$vue.CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly teleported: BooleanConstructor;
   readonly size: {
@@ -41,18 +32,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<string>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | _$vue.CSSProperties) | (() => string | _$vue.CSSProperties) | (((new (...args: any[]) => string | _$vue.CSSProperties) | (() => string | _$vue.CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly teleported: BooleanConstructor;
   readonly size: {
@@ -67,6 +48,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   readonly teleported: boolean;
   readonly disabled: boolean;
+  readonly popperClass: ClassValue;
+  readonly popperStyle: _$vue.StyleValue;
   readonly pageSizes: number[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,7 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
-import { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes, VNode } from "vue";
+import { ExtractPropTypes, ExtractPublicPropTypes, StyleValue, VNode } from "vue";
 
 //#region ../../packages/components/pagination/src/pagination.d.ts
 declare const paginationProps: {
@@ -13,13 +14,8 @@ declare const paginationProps: {
   readonly defaultCurrentPage: NumberConstructor;
   readonly layout: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly prevText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly prevIcon: 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 nextText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -59,13 +55,8 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly defaultCurrentPage: NumberConstructor;
   readonly layout: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly prevText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly prevIcon: 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 nextText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -102,13 +93,8 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly defaultCurrentPage: NumberConstructor;
   readonly layout: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   readonly pageSizes: EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-  readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly popperStyle: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly prevText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly prevIcon: 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 nextText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -127,18 +113,19 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly appendSizeTo: StringConstructor;
 }>> & Readonly<{
   onChange?: ((currentPage: number, pageSize: number) => any) | undefined;
-  "onCurrent-change"?: ((val: number) => any) | undefined;
   "onUpdate:current-page"?: ((val: number) => any) | undefined;
   "onUpdate:page-size"?: ((val: number) => any) | undefined;
   "onSize-change"?: ((val: number) => any) | undefined;
+  "onCurrent-change"?: ((val: number) => any) | undefined;
   "onPrev-click"?: ((val: number) => any) | undefined;
   "onNext-click"?: ((val: number) => any) | undefined;
 }>, {
+  readonly layout: string;
   readonly small: boolean;
-  readonly popperClass: string;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: boolean;
-  readonly layout: string;
+  readonly popperClass: ClassValue;
+  readonly popperStyle: StyleValue;
   readonly background: boolean;
   readonly pagerCount: number;
   readonly pageSizes: number[];

package/lib/components/pagination/src/pagination.js

@@ -96,13 +96,26 @@ const paginationProps = require_runtime$1.buildProps({
 	* @description custom class name for the page size Select's dropdown
 	*/
 	popperClass: {
-		type: String,
+		type: require_runtime$1.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
 		default: ""
 	},
 	/**
 	* @description custom style for the page size Select's dropdown
 	*/
-	popperStyle: { type: require_runtime$1.definePropType([String, Object]) },
+	popperStyle: {
+		type: require_runtime$1.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description text for the prev button
 	*/

package/lib/components/pagination/src/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["buildProps","isNumber","definePropType","mutable","iconPropType","ArrowLeft","ArrowRight","useSizeProp","useLocale","useNamespace","useGlobalSize","CHANGE_EVENT","elPaginationKey","Prev","Jumper","Pager","Next","Sizes","Total"],"sources":["../../../../../../packages/components/pagination/src/pagination.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport {\n  buildProps,\n  debugWarn,\n  definePropType,\n  iconPropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\nimport {\n  useDeprecated,\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { elPaginationKey } from './constants'\nimport Prev from './components/prev.vue'\nimport Next from './components/next.vue'\nimport Sizes from './components/sizes.vue'\nimport Jumper from './components/jumper.vue'\nimport Total from './components/total.vue'\nimport Pager from './components/pager.vue'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  VNode,\n} from 'vue'\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number'\n\ntype LayoutKey =\n  | 'prev'\n  | 'pager'\n  | 'next'\n  | 'jumper'\n  | '->'\n  | 'total'\n  | 'sizes'\n  | 'slot'\n\nexport const paginationProps = buildProps({\n  /**\n   * @description options of item count per page\n   */\n  pageSize: Number,\n  /**\n   * @description default initial value of page size, not setting is the same as setting 10\n   */\n  defaultPageSize: Number,\n  /**\n   * @description total item count\n   */\n  total: Number,\n  /**\n   * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n   */\n  pageCount: Number,\n  /**\n   * @description number of pagers. Pagination collapses when the total page count exceeds this value\n   */\n  pagerCount: {\n    type: Number,\n    validator: (value: unknown) => {\n      return (\n        isNumber(value) &&\n        Math.trunc(value) === value &&\n        value > 4 &&\n        value < 22 &&\n        value % 2 === 1\n      )\n    },\n    default: 7,\n  },\n  /**\n   * @description current page number\n   */\n  currentPage: Number,\n  /**\n   * @description default initial value of current-page, not setting is the same as setting 1\n   */\n  defaultCurrentPage: Number,\n  /**\n   * @description layout of Pagination, elements separated with a comma\n   */\n  layout: {\n    type: String,\n    default: (\n      ['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]\n    ).join(', '),\n  },\n  /**\n   * @description item count of each page\n   */\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  /**\n   * @description custom class name for the page size Select's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for the page size Select's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  /**\n   * @description text for the prev button\n   */\n  prevText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon for the prev button, higher priority of `prev-text`\n   */\n  prevIcon: {\n    type: iconPropType,\n    default: () => ArrowLeft,\n  },\n  /**\n   * @description text for the next button\n   */\n  nextText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon for the next button, higher priority of `next-text`\n   */\n  nextIcon: {\n    type: iconPropType,\n    default: () => ArrowRight,\n  },\n  /**\n   * @description whether Pagination size is teleported to body\n   */\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to use small pagination\n   */\n  small: Boolean,\n  /**\n   * @description set page size\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the buttons have a background color\n   */\n  background: Boolean,\n  /**\n   * @description whether Pagination is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether to hide when there's only one page\n   */\n  hideOnSinglePage: Boolean,\n  /**\n   * @description which element the size dropdown appends to.\n   */\n  appendSizeTo: String,\n} as const)\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>\nexport type PaginationPropsPublic = ExtractPublicPropTypes<\n  typeof paginationProps\n>\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  change: (currentPage: number, pageSize: number) =>\n    isNumber(currentPage) && isNumber(pageSize),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val),\n}\nexport type PaginationEmits = typeof paginationEmits\n\nconst componentName = 'ElPagination'\nexport default defineComponent({\n  name: componentName,\n\n  props: paginationProps,\n  emits: paginationEmits,\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocale()\n    const ns = useNamespace('pagination')\n    const vnodeProps = getCurrentInstance()!.vnode.props || {}\n    const _globalSize = useGlobalSize()\n    const _size = computed(() =>\n      props.small ? 'small' : (props.size ?? _globalSize.value)\n    )\n    useDeprecated(\n      {\n        from: 'small',\n        replacement: 'size',\n        version: '3.0.0',\n        scope: 'el-pagination',\n        ref: 'https://element-plus.org/zh-CN/component/pagination.html',\n      },\n      computed(() => !!props.small)\n    )\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener =\n      'onUpdate:currentPage' in vnodeProps ||\n      'onUpdate:current-page' in vnodeProps ||\n      'onCurrentChange' in vnodeProps\n    const hasPageSizeListener =\n      'onUpdate:pageSize' in vnodeProps ||\n      'onUpdate:page-size' in vnodeProps ||\n      'onSizeChange' in vnodeProps\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true\n    })\n\n    const innerPageSize = ref(\n      isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize\n    )\n    const innerCurrentPage = ref(\n      isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage\n    )\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v)\n          emit('size-change', v)\n        }\n      },\n    })\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value))\n      }\n      return pageCount\n    })\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage)\n          ? innerCurrentPage.value\n          : props.currentPage\n      },\n      set(v) {\n        let newCurrentPage = v\n        if (v < 1) {\n          newCurrentPage = 1\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage)\n          emit('current-change', newCurrentPage)\n        }\n      },\n    })\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val\n    })\n\n    watch(\n      [currentPageBridge, pageSizeBridge],\n      (value) => {\n        emit(CHANGE_EVENT, ...value)\n      },\n      { flush: 'post' }\n    )\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val\n      const newPageCount = pageCountBridge.value\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return\n      currentPageBridge.value -= 1\n      emit('prev-click', currentPageBridge.value)\n    }\n\n    function next() {\n      if (props.disabled) return\n      currentPageBridge.value += 1\n      emit('next-click', currentPageBridge.value)\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {}\n        }\n        element.props.class = [element.props.class, cls].join(' ')\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange,\n    })\n\n    return () => {\n      if (!assertValidUsage.value) {\n        debugWarn(componentName, t('el.pagination.deprecationWarning'))\n        return null\n      }\n      if (!props.layout) return null\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null\n      const rootChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperRoot = h(\n        'div',\n        { class: ns.e('rightwrapper') },\n        rightWrapperChildren\n      )\n      const TEMPLATE_MAP: Record<\n        Exclude<LayoutKey, '->'>,\n        VNode | VNode[] | null\n      > = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev,\n        }),\n        jumper: h(Jumper, {\n          size: _size.value,\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled,\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next,\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          popperStyle: props.popperStyle,\n          disabled: props.disabled,\n          teleported: props.teleported,\n          size: _size.value,\n          appendSizeTo: props.appendSizeTo,\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total }),\n      }\n\n      const components = props.layout\n        .split(',')\n        .map((item: string) => item.trim()) as LayoutKey[]\n\n      let haveRightWrapper = false\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true\n          return\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c])\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c])\n        }\n      })\n\n      addClass(rootChildren[0], ns.is('first'))\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'))\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'))\n        addClass(\n          rightWrapperChildren[rightWrapperChildren.length - 1],\n          ns.is('last')\n        )\n        rootChildren.push(rightWrapperRoot)\n      }\n      return h(\n        'div',\n        {\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            ns.m(_size.value),\n          ],\n        },\n        rootChildren\n      )\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":["buildProps","isNumber","definePropType","mutable","iconPropType","ArrowLeft","ArrowRight","useSizeProp","useLocale","useNamespace","useGlobalSize","CHANGE_EVENT","elPaginationKey","Prev","Jumper","Pager","Next","Sizes","Total"],"sources":["../../../../../../packages/components/pagination/src/pagination.ts"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport {\n  buildProps,\n  debugWarn,\n  definePropType,\n  iconPropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\nimport {\n  useDeprecated,\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { elPaginationKey } from './constants'\nimport Prev from './components/prev.vue'\nimport Next from './components/next.vue'\nimport Sizes from './components/sizes.vue'\nimport Jumper from './components/jumper.vue'\nimport Total from './components/total.vue'\nimport Pager from './components/pager.vue'\n\nimport type { ClassValue } from '@element-plus/utils'\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\n  VNode,\n} from 'vue'\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number'\n\ntype LayoutKey =\n  'prev' | 'pager' | 'next' | 'jumper' | '->' | 'total' | 'sizes' | 'slot'\n\nexport const paginationProps = buildProps({\n  /**\n   * @description options of item count per page\n   */\n  pageSize: Number,\n  /**\n   * @description default initial value of page size, not setting is the same as setting 10\n   */\n  defaultPageSize: Number,\n  /**\n   * @description total item count\n   */\n  total: Number,\n  /**\n   * @description total page count. Set either `total` or `page-count` and pages will be displayed; if you need `page-sizes`, `total` is required\n   */\n  pageCount: Number,\n  /**\n   * @description number of pagers. Pagination collapses when the total page count exceeds this value\n   */\n  pagerCount: {\n    type: Number,\n    validator: (value: unknown) => {\n      return (\n        isNumber(value) &&\n        Math.trunc(value) === value &&\n        value > 4 &&\n        value < 22 &&\n        value % 2 === 1\n      )\n    },\n    default: 7,\n  },\n  /**\n   * @description current page number\n   */\n  currentPage: Number,\n  /**\n   * @description default initial value of current-page, not setting is the same as setting 1\n   */\n  defaultCurrentPage: Number,\n  /**\n   * @description layout of Pagination, elements separated with a comma\n   */\n  layout: {\n    type: String,\n    default: (\n      ['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]\n    ).join(', '),\n  },\n  /**\n   * @description item count of each page\n   */\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  /**\n   * @description custom class name for the page size Select's dropdown\n   */\n  popperClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description custom style for the page size Select's dropdown\n   */\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description text for the prev button\n   */\n  prevText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon for the prev button, higher priority of `prev-text`\n   */\n  prevIcon: {\n    type: iconPropType,\n    default: () => ArrowLeft,\n  },\n  /**\n   * @description text for the next button\n   */\n  nextText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon for the next button, higher priority of `next-text`\n   */\n  nextIcon: {\n    type: iconPropType,\n    default: () => ArrowRight,\n  },\n  /**\n   * @description whether Pagination size is teleported to body\n   */\n  teleported: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to use small pagination\n   */\n  small: Boolean,\n  /**\n   * @description set page size\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the buttons have a background color\n   */\n  background: Boolean,\n  /**\n   * @description whether Pagination is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether to hide when there's only one page\n   */\n  hideOnSinglePage: Boolean,\n  /**\n   * @description which element the size dropdown appends to.\n   */\n  appendSizeTo: String,\n} as const)\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>\nexport type PaginationPropsPublic = ExtractPublicPropTypes<\n  typeof paginationProps\n>\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => isNumber(val),\n  'update:page-size': (val: number) => isNumber(val),\n  'size-change': (val: number) => isNumber(val),\n  change: (currentPage: number, pageSize: number) =>\n    isNumber(currentPage) && isNumber(pageSize),\n  'current-change': (val: number) => isNumber(val),\n  'prev-click': (val: number) => isNumber(val),\n  'next-click': (val: number) => isNumber(val),\n}\nexport type PaginationEmits = typeof paginationEmits\n\nconst componentName = 'ElPagination'\nexport default defineComponent({\n  name: componentName,\n\n  props: paginationProps,\n  emits: paginationEmits,\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocale()\n    const ns = useNamespace('pagination')\n    const vnodeProps = getCurrentInstance()!.vnode.props || {}\n    const _globalSize = useGlobalSize()\n    const _size = computed(() =>\n      props.small ? 'small' : (props.size ?? _globalSize.value)\n    )\n    useDeprecated(\n      {\n        from: 'small',\n        replacement: 'size',\n        version: '3.0.0',\n        scope: 'el-pagination',\n        ref: 'https://element-plus.org/zh-CN/component/pagination.html',\n      },\n      computed(() => !!props.small)\n    )\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener =\n      'onUpdate:currentPage' in vnodeProps ||\n      'onUpdate:current-page' in vnodeProps ||\n      'onCurrentChange' in vnodeProps\n    const hasPageSizeListener =\n      'onUpdate:pageSize' in vnodeProps ||\n      'onUpdate:page-size' in vnodeProps ||\n      'onSizeChange' in vnodeProps\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true\n    })\n\n    const innerPageSize = ref(\n      isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize\n    )\n    const innerCurrentPage = ref(\n      isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage\n    )\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v)\n          emit('size-change', v)\n        }\n      },\n    })\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value))\n      }\n      return pageCount\n    })\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage)\n          ? innerCurrentPage.value\n          : props.currentPage\n      },\n      set(v) {\n        let newCurrentPage = v\n        if (v < 1) {\n          newCurrentPage = 1\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage)\n          emit('current-change', newCurrentPage)\n        }\n      },\n    })\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val\n    })\n\n    watch(\n      [currentPageBridge, pageSizeBridge],\n      (value) => {\n        emit(CHANGE_EVENT, ...value)\n      },\n      { flush: 'post' }\n    )\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val\n      const newPageCount = pageCountBridge.value\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return\n      currentPageBridge.value -= 1\n      emit('prev-click', currentPageBridge.value)\n    }\n\n    function next() {\n      if (props.disabled) return\n      currentPageBridge.value += 1\n      emit('next-click', currentPageBridge.value)\n    }\n\n    function addClass(element: any, cls: string) {\n      if (element) {\n        if (!element.props) {\n          element.props = {}\n        }\n        element.props.class = [element.props.class, cls].join(' ')\n      }\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange,\n    })\n\n    return () => {\n      if (!assertValidUsage.value) {\n        debugWarn(componentName, t('el.pagination.deprecationWarning'))\n        return null\n      }\n      if (!props.layout) return null\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null\n      const rootChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperRoot = h(\n        'div',\n        { class: ns.e('rightwrapper') },\n        rightWrapperChildren\n      )\n      const TEMPLATE_MAP: Record<\n        Exclude<LayoutKey, '->'>,\n        VNode | VNode[] | null\n      > = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          prevIcon: props.prevIcon,\n          onClick: prev,\n        }),\n        jumper: h(Jumper, {\n          size: _size.value,\n        }),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled,\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          nextIcon: props.nextIcon,\n          onClick: next,\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          popperStyle: props.popperStyle,\n          disabled: props.disabled,\n          teleported: props.teleported,\n          size: _size.value,\n          appendSizeTo: props.appendSizeTo,\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total }),\n      }\n\n      const components = props.layout\n        .split(',')\n        .map((item: string) => item.trim()) as LayoutKey[]\n\n      let haveRightWrapper = false\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true\n          return\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c])\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c])\n        }\n      })\n\n      addClass(rootChildren[0], ns.is('first'))\n      addClass(rootChildren[rootChildren.length - 1], ns.is('last'))\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        addClass(rightWrapperChildren[0], ns.is('first'))\n        addClass(\n          rightWrapperChildren[rightWrapperChildren.length - 1],\n          ns.is('last')\n        )\n        rootChildren.push(rightWrapperRoot)\n      }\n      return h(\n        'div',\n        {\n          class: [\n            ns.b(),\n            ns.is('background', props.background),\n            ns.m(_size.value),\n          ],\n        },\n        rootChildren\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,YAAY,MAA+B,OAAO,MAAM;AAK9D,MAAa,kBAAkBA,kBAAAA,WAAW;;;;CAIxC,UAAU;;;;CAIV,iBAAiB;;;;CAIjB,OAAO;;;;CAIP,WAAW;;;;CAIX,YAAY;EACV,MAAM;EACN,YAAY,UAAmB;GAC7B,OACEC,cAAAA,SAAS,MAAM,IACf,KAAK,MAAM,MAAM,KAAK,SACtB,QAAQ,KACR,QAAQ,MACR,QAAQ,MAAM;;EAGlB,SAAS;EACV;;;;CAID,aAAa;;;;CAIb,oBAAoB;;;;CAIpB,QAAQ;EACN,MAAM;EACN,SACE;GAAC;GAAQ;GAAS;GAAQ;GAAU;GAAM;GAAQ,CAClD,KAAK,KAAK;EACb;;;;CAID,WAAW;EACT,MAAMC,kBAAAA,eAAyB,MAAM;EACrC,eAAeC,mBAAAA,QAAQ;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;GAAI,CAAU;EAC3D;;;;CAID,aAAa;EACX,MAAMD,kBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;;;;CAID,aAAa;EACX,MAAMA,kBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAME,aAAAA;EACN,eAAeC,wBAAAA;EAChB;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,UAAU;EACR,MAAMD,aAAAA;EACN,eAAeE,wBAAAA;EAChB;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,MAAMC,gBAAAA;;;;CAIN,YAAY;;;;CAIZ,UAAU;;;;CAIV,kBAAkB;;;;CAIlB,cAAc;CACf,CAAU;AAMX,MAAa,kBAAkB;CAC7B,wBAAwB,QAAgBN,cAAAA,SAAS,IAAI;CACrD,qBAAqB,QAAgBA,cAAAA,SAAS,IAAI;CAClD,gBAAgB,QAAgBA,cAAAA,SAAS,IAAI;CAC7C,SAAS,aAAqB,aAC5BA,cAAAA,SAAS,YAAY,IAAIA,cAAAA,SAAS,SAAS;CAC7C,mBAAmB,QAAgBA,cAAAA,SAAS,IAAI;CAChD,eAAe,QAAgBA,cAAAA,SAAS,IAAI;CAC5C,eAAe,QAAgBA,cAAAA,SAAS,IAAI;CAC7C;AAGD,MAAM,gBAAgB;AACtB,IAAA,sBAAA,GAAA,IAAA,iBAA+B;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,MAAM,SAAS;EAC5B,MAAM,EAAE,MAAMO,gBAAAA,WAAW;EACzB,MAAM,KAAKC,gBAAAA,aAAa,aAAa;EACrC,MAAM,cAAA,GAAA,IAAA,qBAAiC,CAAE,MAAM,SAAS,EAAE;EAC1D,MAAM,cAAcC,gBAAAA,eAAe;EACnC,MAAM,SAAA,GAAA,IAAA,gBACJ,MAAM,QAAQ,UAAW,MAAM,QAAQ,YAAY,MACpD;EACD,cAAA,cACE;GACE,MAAM;GACN,aAAa;GACb,SAAS;GACT,OAAO;GACP,KAAK;GACN,GAAA,GAAA,IAAA,gBACc,CAAC,CAAC,MAAM,MAAM,CAC9B;EAED,MAAM,yBACJ,0BAA0B,cAC1B,2BAA2B,cAC3B,qBAAqB;EACvB,MAAM,sBACJ,uBAAuB,cACvB,wBAAwB,cACxB,kBAAkB;EACpB,MAAM,oBAAA,GAAA,IAAA,gBAAkC;GAEtC,IAAI,SAAS,MAAM,MAAM,IAAI,SAAS,MAAM,UAAU,EAAE,OAAO;GAI/D,IAAI,CAAC,SAAS,MAAM,YAAY,IAAI,CAAC,wBAAwB,OAAO;GAMpE,IAAI,MAAM,OAAO,SAAS,QAAQ;QAC5B,CAAC,SAAS,MAAM,UAAU;SAGxB,CAAC,qBAAqB,OAAO;WAC5B,IAAI,CAAC,SAAS,MAAM,MAAM;SAK3B,CAAC,SAAS,MAAM,SAAS;UACvB,CAAC,qBACH,OAAO;;;;GAQf,OAAO;IACP;EAEF,MAAM,iBAAA,GAAA,IAAA,KACJ,SAAS,MAAM,gBAAgB,GAAG,KAAK,MAAM,gBAC9C;EACD,MAAM,oBAAA,GAAA,IAAA,KACJ,SAAS,MAAM,mBAAmB,GAAG,IAAI,MAAM,mBAChD;EAED,MAAM,kBAAA,GAAA,IAAA,UAA0B;GAC9B,MAAM;IACJ,OAAO,SAAS,MAAM,SAAS,GAAG,cAAc,QAAQ,MAAM;;GAEhE,IAAI,GAAW;IACb,IAAI,SAAS,MAAM,SAAS,EAC1B,cAAc,QAAQ;IAExB,IAAI,qBAAqB;KACvB,KAAK,oBAAoB,EAAE;KAC3B,KAAK,eAAe,EAAE;;;GAG3B,CAAC;EAEF,MAAM,mBAAA,GAAA,IAAA,gBAAyC;GAC7C,IAAI,YAAY;GAChB,IAAI,CAAC,SAAS,MAAM,UAAU,EAC5B,YAAY,MAAM;QACb,IAAI,CAAC,SAAS,MAAM,MAAM,EAC/B,YAAY,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,QAAQ,eAAe,MAAM,CAAC;GAExE,OAAO;IACP;EAEF,MAAM,qBAAA,GAAA,IAAA,UAAqC;GACzC,MAAM;IACJ,OAAO,SAAS,MAAM,YAAY,GAC9B,iBAAiB,QACjB,MAAM;;GAEZ,IAAI,GAAG;IACL,IAAI,iBAAiB;IACrB,IAAI,IAAI,GACN,iBAAiB;SACZ,IAAI,IAAI,gBAAgB,OAC7B,iBAAiB,gBAAgB;IAEnC,IAAI,SAAS,MAAM,YAAY,EAC7B,iBAAiB,QAAQ;IAE3B,IAAI,wBAAwB;KAC1B,KAAK,uBAAuB,eAAe;KAC3C,KAAK,kBAAkB,eAAe;;;GAG3C,CAAC;EAEF,CAAA,GAAA,IAAA,OAAM,kBAAkB,QAAQ;GAC9B,IAAI,kBAAkB,QAAQ,KAAK,kBAAkB,QAAQ;IAC7D;EAEF,CAAA,GAAA,IAAA,OACE,CAAC,mBAAmB,eAAe,GAClC,UAAU;GACT,KAAKC,cAAAA,cAAc,GAAG,MAAM;KAE9B,EAAE,OAAO,QAAQ,CAClB;EAED,SAAS,oBAAoB,KAAa;GACxC,kBAAkB,QAAQ;;EAG5B,SAAS,iBAAiB,KAAa;GACrC,eAAe,QAAQ;GACvB,MAAM,eAAe,gBAAgB;GACrC,IAAI,kBAAkB,QAAQ,cAC5B,kBAAkB,QAAQ;;EAI9B,SAAS,OAAO;GACd,IAAI,MAAM,UAAU;GACpB,kBAAkB,SAAS;GAC3B,KAAK,cAAc,kBAAkB,MAAM;;EAG7C,SAAS,OAAO;GACd,IAAI,MAAM,UAAU;GACpB,kBAAkB,SAAS;GAC3B,KAAK,cAAc,kBAAkB,MAAM;;EAG7C,SAAS,SAAS,SAAc,KAAa;GAC3C,IAAI,SAAS;IACX,IAAI,CAAC,QAAQ,OACX,QAAQ,QAAQ,EAAE;IAEpB,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,IAAI,CAAC,KAAK,IAAI;;;EAI9D,CAAA,GAAA,IAAA,SAAQC,kBAAAA,iBAAiB;GACvB,WAAW;GACX,WAAA,GAAA,IAAA,gBAAyB,MAAM,SAAS;GACxC,aAAa;GACb,aAAa;GACb;GACD,CAAC;EAEF,aAAa;GACX,IAAI,CAAC,iBAAiB,OAAO;IAC3B,cAAA,UAAU,eAAe,EAAE,mCAAmC,CAAC;IAC/D,OAAO;;GAET,IAAI,CAAC,MAAM,QAAQ,OAAO;GAC1B,IAAI,MAAM,oBAAoB,gBAAgB,SAAS,GAAG,OAAO;GACjE,MAAM,eAA8C,EAAE;GACtD,MAAM,uBAAsD,EAAE;GAC9D,MAAM,oBAAA,GAAA,IAAA,GACJ,OACA,EAAE,OAAO,GAAG,EAAE,eAAe,EAAE,EAC/B,qBACD;GACD,MAAM,eAGF;IACF,OAAA,GAAA,IAAA,GAAQC,aAAAA,SAAM;KACZ,UAAU,MAAM;KAChB,aAAa,kBAAkB;KAC/B,UAAU,MAAM;KAChB,UAAU,MAAM;KAChB,SAAS;KACV,CAAC;IACF,SAAA,GAAA,IAAA,GAAUC,eAAAA,SAAQ,EAChB,MAAM,MAAM,OACb,CAAC;IACF,QAAA,GAAA,IAAA,GAASC,cAAAA,SAAO;KACd,aAAa,kBAAkB;KAC/B,WAAW,gBAAgB;KAC3B,YAAY,MAAM;KAClB,UAAU;KACV,UAAU,MAAM;KACjB,CAAC;IACF,OAAA,GAAA,IAAA,GAAQC,aAAAA,SAAM;KACZ,UAAU,MAAM;KAChB,aAAa,kBAAkB;KAC/B,WAAW,gBAAgB;KAC3B,UAAU,MAAM;KAChB,UAAU,MAAM;KAChB,SAAS;KACV,CAAC;IACF,QAAA,GAAA,IAAA,GAASC,cAAAA,SAAO;KACd,UAAU,eAAe;KACzB,WAAW,MAAM;KACjB,aAAa,MAAM;KACnB,aAAa,MAAM;KACnB,UAAU,MAAM;KAChB,YAAY,MAAM;KAClB,MAAM,MAAM;KACZ,cAAc,MAAM;KACrB,CAAC;IACF,MAAM,OAAO,WAAW,IAAI;IAC5B,QAAA,GAAA,IAAA,GAASC,cAAAA,SAAO,EAAE,OAAO,SAAS,MAAM,MAAM,GAAG,IAAI,MAAM,OAAO,CAAC;IACpE;GAED,MAAM,aAAa,MAAM,OACtB,MAAM,IAAI,CACV,KAAK,SAAiB,KAAK,MAAM,CAAC;GAErC,IAAI,mBAAmB;GAEvB,WAAW,SAAS,MAAM;IACxB,IAAI,MAAM,MAAM;KACd,mBAAmB;KACnB;;IAEF,IAAI,CAAC,kBACH,aAAa,KAAK,aAAa,GAAG;SAElC,qBAAqB,KAAK,aAAa,GAAG;KAE5C;GAEF,SAAS,aAAa,IAAI,GAAG,GAAG,QAAQ,CAAC;GACzC,SAAS,aAAa,aAAa,SAAS,IAAI,GAAG,GAAG,OAAO,CAAC;GAE9D,IAAI,oBAAoB,qBAAqB,SAAS,GAAG;IACvD,SAAS,qBAAqB,IAAI,GAAG,GAAG,QAAQ,CAAC;IACjD,SACE,qBAAqB,qBAAqB,SAAS,IACnD,GAAG,GAAG,OAAO,CACd;IACD,aAAa,KAAK,iBAAiB;;GAErC,QAAA,GAAA,IAAA,GACE,OACA,EACE,OAAO;IACL,GAAG,GAAG;IACN,GAAG,GAAG,cAAc,MAAM,WAAW;IACrC,GAAG,EAAE,MAAM,MAAM;IAClB,EACF,EACD,aACD;;;CAGN,CAAC"}

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

@@ -79,8 +79,8 @@ declare const popconfirmProps: {
   readonly title: StringConstructor;
   readonly confirmButtonText: StringConstructor;
   readonly cancelButtonText: StringConstructor;
-  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
-  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", 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/lib/components/popconfirm/src/popconfirm.vue.d.ts

@@ -18,17 +18,17 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {
   popperRef: _$vue.ComputedRef<PopperInstance | undefined>;
   hide: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  cancel: (e: MouseEvent) => void;
   confirm: (e: MouseEvent) => void;
+  cancel: (e: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
-  onCancel?: ((e: MouseEvent) => any) | undefined;
   onConfirm?: ((e: MouseEvent) => any) | undefined;
+  onCancel?: ((e: MouseEvent) => any) | undefined;
 }>, {
-  hideAfter: number;
-  effect: PopperEffect;
   teleported: boolean;
-  width: string | number;
+  effect: PopperEffect;
   icon: IconPropType;
+  hideAfter: number;
+  width: string | number;
   confirmButtonType: ButtonType;
   cancelButtonType: ButtonType;
   iconColor: string;

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

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue } from "../../../utils/typescript.js";
 import { PopperEffect } from "../../popper/src/popper.js";
 import { Placement as Placement$1 } from "../../popper/index.js";
 import { ElTooltipContentProps } from "../../tooltip/src/content.js";
@@ -112,9 +112,9 @@ interface PopoverProps {
  * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
  */
 declare const popoverProps: {
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "contextmenu" | "focus" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "hover" | "contextmenu" | "focus" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | 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[]) => "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 placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "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;
@@ -122,108 +122,7 @@ declare const popoverProps: {
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly content: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly popperClass: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly enterable: {
     readonly default: true;
     readonly type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -284,6 +183,7 @@ declare const popoverPropsDefaults: {
   readonly popperOptions: () => {};
   readonly tabindex: 0;
   readonly content: "";
+  readonly popperClass: undefined;
   readonly popperStyle: undefined;
   readonly enterable: true;
   readonly effect: "light";