@zboson/ui 0.0.0-stage → 0.0.1

package/dist/pagination/Pagination.js

@@ -0,0 +1,361 @@
+import { devUseWarning, isDev } from "../_util/warning.js";
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { useSize } from "../config-provider/hooks/useSize.js";
+import useToken from "../theme/useToken.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import useLocale from "../locale/useLocale.js";
+import useVariant from "../form/hooks/useVariant.js";
+import Select from "../select/index.js";
+import useBreakpoint from "../grid/hooks/useBreakpoint.js";
+import style_default from "./style/index.js";
+import bordered_default from "./style/bordered.js";
+import resolveShowSizeChanger from "./useShowSizeChanger.js";
+import { Fragment, computed, createVNode, defineComponent, h, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
+import { DoubleLeftOutlined, DoubleRightOutlined, EllipsisOutlined, LeftOutlined, RightOutlined } from "@zboson/icons";
+import { omit } from "es-toolkit";
+import Pagination$1 from "@v-c/pagination/locale/en_US";
+import VcPagination from "@v-c/pagination";
+//#region src/pagination/Pagination.tsx
+const omitKeys = [
+	"size",
+	"responsive",
+	"rootClass",
+	"classes",
+	"styles",
+	"showSizeChanger",
+	"pageSizeOptions",
+	"selectComponentClass",
+	"components"
+];
+const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
+	const { getPrefixCls, prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, showSizeChanger: contextShowSizeChangerConfig } = useComponentBaseConfig("pagination", props, ["showSizeChanger"]);
+	const { size, responsive, classes, styles, showSizeChanger } = toPropsRefs(props, "size", "responsive", "classes", "styles", "showSizeChanger");
+	const [hashId, cssVarCls] = style_default(prefixCls, prefixCls);
+	const [, token] = useToken();
+	const mergedSize = useSize(size);
+	const screens = useBreakpoint(responsive);
+	const isSmall = computed(() => mergedSize.value === "small" || !!screens.value?.xs && !mergedSize.value && responsive.value);
+	const [inputVariant, enableInputVariantCls] = useVariant("input");
+	const mergedProps = computed(() => {
+		return {
+			...props,
+			size: mergedSize.value
+		};
+	});
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
+	const [contextLocale] = useLocale("Pagination", Pagination$1);
+	const mergedLocale = computed(() => ({
+		...contextLocale?.value,
+		...props.locale ?? {}
+	}));
+	const propShowSizeChanger = computed(() => resolveShowSizeChanger(showSizeChanger.value));
+	const contextShowSizeChanger = computed(() => resolveShowSizeChanger(contextShowSizeChangerConfig.value));
+	const mergedShowSizeChanger = computed(() => propShowSizeChanger.value.show ?? contextShowSizeChanger.value.show);
+	const mergedShowSizeChangerSelectProps = computed(() => propShowSizeChanger.value.selectProps ?? contextShowSizeChanger.value.selectProps);
+	const SizeChanger = computed(() => props.selectComponentClass || Select);
+	const mergedPageSizeOptions = computed(() => props.pageSizeOptions?.map((option) => Number(option)));
+	const sizeChangerRender = (info) => {
+		const { disabled, size: pageSize, onSizeChange, "aria-label": ariaLabel, className: sizeChangerClassName, options } = info;
+		const SizeChangerComponent = props.components?.sizeChanger;
+		if (SizeChangerComponent) return h(SizeChangerComponent, {
+			"value": pageSize,
+			"disabled": !!disabled,
+			"onChange": onSizeChange,
+			"class": sizeChangerClassName
+		});
+		const selectProps = mergedShowSizeChangerSelectProps.value ?? {};
+		const propSelectClass = selectProps.class ?? selectProps.className;
+		const propSelectOnChange = selectProps.onChange;
+		const selectedValue = options.find((option) => String(option.value) === String(pageSize))?.value;
+		const SizeChangerComp = SizeChanger.value;
+		return createVNode(SizeChangerComp, mergeProps({
+			"disabled": disabled,
+			"showSearch": true,
+			"popupMatchSelectWidth": false,
+			"getPopupContainer": (triggerNode) => triggerNode.parentNode,
+			"aria-label": ariaLabel,
+			"options": options
+		}, selectProps, {
+			"value": selectedValue,
+			"onChange": (nextSize, option) => {
+				onSizeChange?.(nextSize);
+				propSelectOnChange?.(nextSize, option);
+			},
+			"size": mergedSize.value,
+			"class": clsx(`${prefixCls.value}-options-size-changer-select`, sizeChangerClassName, propSelectClass)
+		}), null);
+	};
+	if (isDev) devUseWarning("Pagination")(!props.selectComponentClass, "usage", "`selectComponentClass` is not official api which will be removed.");
+	const selectPrefixCls = computed(() => getPrefixCls("select", props.selectPrefixCls));
+	const defaultEllipsis = computed(() => createVNode("span", { "class": `${prefixCls.value}-item-ellipsis` }, [createVNode(EllipsisOutlined, null, null)]));
+	const defaultPrevIcon = computed(() => createVNode("button", {
+		"class": `${prefixCls.value}-item-link`,
+		"type": "button",
+		"tabindex": -1
+	}, [direction.value === "rtl" ? createVNode(RightOutlined, null, null) : createVNode(LeftOutlined, null, null)]));
+	const defaultNextIcon = computed(() => createVNode("button", {
+		"class": `${prefixCls.value}-item-link`,
+		"type": "button",
+		"tabindex": -1
+	}, [direction.value === "rtl" ? createVNode(LeftOutlined, null, null) : createVNode(RightOutlined, null, null)]));
+	const defaultJumpPrevIcon = computed(() => createVNode("a", { "class": `${prefixCls.value}-item-link` }, [createVNode("div", { "class": `${prefixCls.value}-item-container` }, [direction.value === "rtl" ? createVNode(DoubleRightOutlined, { "class": `${prefixCls.value}-item-link-icon` }, null) : createVNode(DoubleLeftOutlined, { "class": `${prefixCls.value}-item-link-icon` }, null), defaultEllipsis.value])]));
+	const defaultJumpNextIcon = computed(() => createVNode("a", { "class": `${prefixCls.value}-item-link` }, [createVNode("div", { "class": `${prefixCls.value}-item-container` }, [direction.value === "rtl" ? createVNode(DoubleLeftOutlined, { "class": `${prefixCls.value}-item-link-icon` }, null) : createVNode(DoubleRightOutlined, { "class": `${prefixCls.value}-item-link-icon` }, null), defaultEllipsis.value])]));
+	const mergedPrevIcon = computed(() => getSlotPropsFnRun(slots, props, "prevIcon", false) ?? defaultPrevIcon.value);
+	const mergedNextIcon = computed(() => getSlotPropsFnRun(slots, props, "nextIcon", false) ?? defaultNextIcon.value);
+	const mergedJumpPrevIcon = computed(() => getSlotPropsFnRun(slots, props, "jumpPrevIcon", false) ?? defaultJumpPrevIcon.value);
+	const mergedJumpNextIcon = computed(() => getSlotPropsFnRun(slots, props, "jumpNextIcon", false) ?? defaultJumpNextIcon.value);
+	const mergedItemRender = computed(() => {
+		if (slots.itemRender) return (page, type, element) => {
+			return getSlotPropsFnRun(slots, {}, "itemRender", true, {
+				page,
+				type,
+				element
+			});
+		};
+		return props.itemRender;
+	});
+	const mergedShowTotal = computed(() => {
+		if (slots.showTotal) return (total, range) => {
+			return getSlotPropsFnRun(slots, {}, "showTotal", true, {
+				total,
+				range
+			});
+		};
+		return props.showTotal;
+	});
+	const handleChange = (page, pageSize) => {
+		if (props.current !== page) emit("update:current", page);
+		if (props.pageSize !== pageSize) emit("update:pageSize", pageSize);
+		emit("change", page, pageSize);
+	};
+	const handleShowSizeChange = (current, size) => {
+		emit("showSizeChange", current, size);
+	};
+	return () => {
+		const { rootClass, align } = props;
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const extendedClassName = clsx({
+			[`${prefixCls.value}-${align}`]: !!align,
+			[`${prefixCls.value}-${mergedSize.value}`]: mergedSize.value,
+			[`${prefixCls.value}-${inputVariant.value}`]: enableInputVariantCls.value && inputVariant.value !== "outlined",
+			/** @deprecated Should be removed in v2 */
+			[`${prefixCls.value}-mini`]: isSmall.value,
+			[`${prefixCls.value}-rtl`]: direction.value === "rtl",
+			[`${prefixCls.value}-bordered`]: token.value.wireframe
+		}, contextClassName.value, className, rootClass, mergedClassNames.value.root, hashId.value, cssVarCls.value);
+		const mergedStyle = {
+			...mergedStyles.value?.root,
+			...style
+		};
+		const restProps = omit(props, omitKeys);
+		return createVNode(Fragment, null, [token.value.wireframe && createVNode(bordered_default, { "prefixCls": prefixCls.value }, null), createVNode(VcPagination, mergeProps(restProps, restAttrs, {
+			"prefixCls": prefixCls.value,
+			"selectPrefixCls": selectPrefixCls.value,
+			"class": extendedClassName,
+			"style": mergedStyle,
+			"classNames": mergedClassNames.value,
+			"styles": mergedStyles.value,
+			"locale": mergedLocale.value,
+			"pageSizeOptions": mergedPageSizeOptions.value,
+			"showSizeChanger": mergedShowSizeChanger.value,
+			"sizeChangerRender": sizeChangerRender,
+			"prevIcon": mergedPrevIcon.value,
+			"nextIcon": mergedNextIcon.value,
+			"jumpPrevIcon": mergedJumpPrevIcon.value,
+			"jumpNextIcon": mergedJumpNextIcon.value,
+			"itemRender": mergedItemRender.value,
+			"showTotal": mergedShowTotal.value,
+			"onChange": handleChange,
+			"onShowSizeChange": handleShowSizeChange
+		}), null)]);
+	};
+}, {
+	props: {
+		showQuickJumper: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		size: {
+			type: [String, null],
+			required: false
+		},
+		responsive: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		totalBoundaryShowSizeChanger: {
+			type: Number,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		components: {
+			type: Object,
+			required: false
+		},
+		showSizeChanger: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		pageSizeOptions: {
+			type: Array,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		locale: {
+			type: Object,
+			required: false
+		},
+		prevIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		nextIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		jumpPrevIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		jumpNextIcon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		selectComponentClass: { required: false },
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		showTotal: {
+			type: Function,
+			required: false
+		},
+		role: {
+			type: [String, null],
+			required: false
+		},
+		selectPrefixCls: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		current: {
+			type: Number,
+			required: false
+		},
+		defaultCurrent: {
+			type: Number,
+			required: false
+		},
+		total: {
+			type: Number,
+			required: false
+		},
+		pageSize: {
+			type: Number,
+			required: false
+		},
+		defaultPageSize: {
+			type: Number,
+			required: false
+		},
+		hideOnSinglePage: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		align: {
+			type: String,
+			required: false
+		},
+		showLessItems: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showPrevNextJumpers: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showTitle: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		simple: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	emits: [
+		"change",
+		"showSizeChange",
+		"update:current",
+		"update:pageSize"
+	],
+	name: "APagination",
+	inheritAttrs: false
+});
+Pagination.install = (app) => {
+	app.component(Pagination.name, Pagination);
+};
+//#endregion
+export { Pagination as default };

package/dist/pagination/index.d.ts

@@ -0,0 +1,6 @@
+import { PaginationClassNamesType, PaginationComponents, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationSizeChangerProps, PaginationSlots, PaginationStylesType } from "./interface.js";
+import Pagination, { InternalPaginationProps } from "./Pagination.js";
+//#region src/pagination/index.d.ts
+type PaginationProps = InternalPaginationProps;
+//#endregion
+export { type PaginationClassNamesType, type PaginationComponents, type PaginationConfig, type PaginationEmits, type PaginationLocale, type PaginationPosition, PaginationProps, type PaginationSizeChangerProps, type PaginationSlots, type PaginationStylesType, Pagination as default };

package/dist/pagination/index.js

@@ -0,0 +1,5 @@
+import Pagination from "./Pagination.js";
+//#region src/pagination/index.tsx
+var pagination_default = Pagination;
+//#endregion
+export { pagination_default as default };

package/dist/pagination/interface.d.ts

@@ -0,0 +1,97 @@
+import { VueNode } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { SizeType } from "../config-provider/SizeContext.js";
+import { SelectProps } from "../select/index.js";
+import { CSSProperties, Component } from "vue";
+import { PaginationProps as PaginationProps$1 } from "@v-c/pagination";
+//#region src/pagination/interface.d.ts
+interface PaginationLocale {
+  items_per_page?: string;
+  jump_to?: string;
+  jump_to_confirm?: string;
+  page?: string;
+  prev_page?: string;
+  next_page?: string;
+  prev_5?: string;
+  next_5?: string;
+  prev_3?: string;
+  next_3?: string;
+  page_size?: string;
+}
+type SemanticName = keyof PaginationSemanticClassNames & keyof PaginationSemanticStyles;
+type PaginationSemanticName = SemanticName;
+interface PaginationSemanticClassNames {
+  root?: string;
+  item?: string;
+}
+interface PaginationSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+}
+type PaginationClassNamesType = SemanticClassNamesType<PaginationProps, PaginationSemanticClassNames>;
+type PaginationStylesType = SemanticStylesType<PaginationProps, PaginationSemanticStyles>;
+interface PaginationSizeChangerProps {
+  /** Current `pageSize` */
+  value: number;
+  /** Whether the pagination is disabled */
+  disabled: boolean;
+  /**
+   * Emitted as the `change` event when the user picks another page size.
+   * Also accepted as an `onChange` prop.
+   */
+  onChange?: (value: number) => void;
+  /** Injected through attrs, `ant-pagination-options-size-changer` */
+  class?: string;
+}
+interface PaginationComponents {
+  sizeChanger?: Component<PaginationSizeChangerProps>;
+}
+interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'sizeChangerRender' | 'onChange' | 'onShowSizeChange'> {
+  showQuickJumper?: boolean | {
+    goButton?: VueNode;
+  };
+  size?: SizeType;
+  responsive?: boolean;
+  totalBoundaryShowSizeChanger?: number;
+  rootClass?: string;
+  components?: PaginationComponents;
+  showSizeChanger?: boolean | SelectProps;
+  pageSizeOptions?: (string | number)[];
+  classes?: PaginationClassNamesType;
+  styles?: PaginationStylesType;
+  locale?: PaginationLocale;
+  prevIcon?: VueNode;
+  nextIcon?: VueNode;
+  jumpPrevIcon?: VueNode;
+  jumpNextIcon?: VueNode;
+  /** @deprecated Not official support. Will be removed in next major version. */
+  selectComponentClass?: any;
+}
+type PaginationPosition = 'top' | 'bottom' | 'both';
+interface PaginationConfig extends Omit<PaginationProps, 'rootClass'> {
+  position?: PaginationPosition;
+}
+interface PaginationEmits {
+  'change': (page: number, pageSize: number) => void;
+  'showSizeChange': (current: number, size: number) => void;
+  'update:current': (page: number) => void;
+  'update:pageSize': (size: number) => void;
+}
+interface PaginationSlots {
+  itemRender?: (ctx: {
+    page: number;
+    type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
+    element: VueNode;
+  }) => any;
+  showTotal?: (ctx: {
+    total: number;
+    range: [number, number];
+  }) => any;
+  prevIcon?: () => any;
+  nextIcon?: () => any;
+  jumpPrevIcon?: () => any;
+  jumpNextIcon?: () => any;
+}
+//#endregion
+export { PaginationClassNamesType, PaginationComponents, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationProps, PaginationSemanticClassNames, PaginationSemanticName, PaginationSemanticStyles, PaginationSizeChangerProps, PaginationSlots, PaginationStylesType, SemanticName };

package/dist/pagination/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/pagination/style/bordered.d.ts

@@ -0,0 +1,10 @@
+//#region src/pagination/style/bordered.d.ts
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as default };

package/dist/pagination/style/bordered.js

@@ -0,0 +1,71 @@
+import { genSubStyleComponent } from "../../theme/util/genStyleUtils.js";
+import { prepareComponentToken, prepareToken } from "./index.js";
+import { unit } from "@antdv-next/cssinjs";
+//#region src/pagination/style/bordered.ts
+const genBorderedStyle = (token) => {
+	const { componentCls } = token;
+	return {
+		[`${componentCls}${componentCls}-bordered${componentCls}-disabled`]: {
+			"&, &:hover": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
+			"&:focus-visible": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
+			[`${componentCls}-item, ${componentCls}-item-link`]: {
+				backgroundColor: token.colorBgContainerDisabled,
+				borderColor: token.colorBorder,
+				[`&:hover:not(${componentCls}-item-active)`]: {
+					backgroundColor: token.colorBgContainerDisabled,
+					borderColor: token.colorBorder,
+					a: { color: token.colorTextDisabled }
+				},
+				[`&${componentCls}-item-active`]: { backgroundColor: token.itemActiveBgDisabled }
+			},
+			[`${componentCls}-prev, ${componentCls}-next`]: {
+				"&:hover button": {
+					backgroundColor: token.colorBgContainerDisabled,
+					borderColor: token.colorBorder,
+					color: token.colorTextDisabled
+				},
+				[`${componentCls}-item-link`]: {
+					backgroundColor: token.colorBgContainerDisabled,
+					borderColor: token.colorBorder
+				}
+			}
+		},
+		[`${componentCls}${componentCls}-bordered`]: {
+			[`${componentCls}-prev, ${componentCls}-next`]: {
+				"&:hover button": {
+					borderColor: token.colorPrimaryHover,
+					backgroundColor: token.itemBg
+				},
+				[`${componentCls}-item-link`]: {
+					backgroundColor: token.itemLinkBg,
+					borderColor: token.colorBorder
+				},
+				[`&:hover ${componentCls}-item-link`]: {
+					borderColor: token.colorPrimary,
+					backgroundColor: token.itemBg,
+					color: token.colorPrimary
+				},
+				[`&${componentCls}-disabled`]: { [`${componentCls}-item-link`]: {
+					borderColor: token.colorBorder,
+					color: token.colorTextDisabled
+				} }
+			},
+			[`${componentCls}-item`]: {
+				backgroundColor: token.itemBg,
+				border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
+				[`&:hover:not(${componentCls}-item-active)`]: {
+					borderColor: token.colorPrimary,
+					backgroundColor: token.itemBg,
+					a: { color: token.colorPrimary }
+				},
+				"&-active": { borderColor: token.colorPrimary }
+			}
+		}
+	};
+};
+var bordered_default = genSubStyleComponent(["Pagination", "bordered"], (token) => {
+	const paginationToken = prepareToken(token);
+	return genBorderedStyle(paginationToken);
+}, prepareComponentToken);
+//#endregion
+export { bordered_default as default };

package/dist/pagination/style/index.d.ts

@@ -0,0 +1,116 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { SharedComponentToken, SharedInputToken } from "../../input/style/token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
+import "../../theme/internal.js";
+//#region src/pagination/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @desc 页码选项背景色
+   * @descEN Background color of Pagination item
+   */
+  itemBg: string;
+  /**
+   * @desc 页码尺寸
+   * @descEN Size of Pagination item
+   */
+  itemSize: number;
+  /**
+   * @desc 小号页码尺寸
+   * @descEN Size of small Pagination item
+   */
+  itemSizeSM: number;
+  /**
+   * @desc 大号页码尺寸
+   * @descEN Size of large Pagination item
+   */
+  itemSizeLG: number;
+  /**
+   * @desc 页码激活态背景色
+   * @descEN Background color of active Pagination item
+   */
+  itemActiveBg: string;
+  /**
+   * @desc 页码激活态文字颜色
+   * @descEN Text color of active Pagination item
+   */
+  itemActiveColor: string;
+  /**
+   * @desc 页码激活态文字颜色悬停态
+   * @descEN Text color of active Pagination item hover
+   */
+  itemActiveColorHover: string;
+  /**
+   * @desc 页码链接背景色
+   * @descEN Background color of Pagination item link
+   */
+  itemLinkBg: string;
+  /**
+   * @desc 页码激活态禁用状态背景色
+   * @descEN Background color of disabled active Pagination item
+   */
+  itemActiveBgDisabled: string;
+  /**
+   * @desc 页码激活态禁用状态文字颜色
+   * @descEN Text color of disabled active Pagination item
+   */
+  itemActiveColorDisabled: string;
+  /**
+   * @desc 输入框背景色
+   * @descEN Background color of input
+   */
+  itemInputBg: string;
+  /**
+   * @desc 每页展示数量选择器 top
+   * @descEN Top of Pagination size changer
+   */
+  miniOptionsSizeChangerTop: number;
+}
+/**
+ * @desc Pagination 组件的 Token
+ * @descEN Token for Pagination component
+ */
+interface PaginationToken extends FullToken<'Pagination'>, SharedComponentToken, SharedInputToken {
+  /**
+   * @desc 输入框轮廓偏移量
+   * @descEN Outline offset of input
+   */
+  inputOutlineOffset: number;
+  /**
+   * @desc 快速跳转输入框宽度
+   * @descEN Width of quick jumper input
+   */
+  quickJumperInputWidth: number | string;
+  /**
+   * @desc 迷你选项横向外边距
+   * @descEN Horizontal margin of mini options
+   */
+  paginationMiniOptionsMarginInlineStart: number | string;
+  /**
+   * @desc 迷你快速跳转输入框宽度
+   * @descEN Width of mini quick jumper input
+   */
+  paginationMiniQuickJumperInputWidth: number | string;
+  /**
+   * @desc 页码横向内边距
+   * @descEN Horizontal padding of Pagination item
+   */
+  paginationItemPaddingInline: number | string;
+  /**
+   * @desc 斜杠横向外边距
+   * @descEN Horizontal margin of slash
+   */
+  paginationSlashMarginInlineStart: number;
+  /**
+   * @desc 斜杠横向外边距
+   * @descEN Horizontal margin of slash
+   */
+  paginationSlashMarginInlineEnd: number;
+}
+declare const prepareComponentToken: GetDefaultToken<'Pagination'>;
+declare function prepareToken(token: Parameters<GenStyleFn<'Pagination'>>[0]): PaginationToken;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { ComponentToken, PaginationToken, _default as default, prepareComponentToken, prepareToken };