diff --git a/.dumi/loading.svg b/.dumi/loading.svg
deleted file mode 100644
index 84ed65f..0000000
--- a/.dumi/loading.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
diff --git a/.dumi/loading.tsx b/.dumi/loading.tsx
deleted file mode 100644
index cbcaeda..0000000
--- a/.dumi/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import loading from './loading.svg'
-
-export default () => {
- return (
-
- );
-};
diff --git a/packages/meta/src/pagination/Pagination.tsx b/packages/meta/src/pagination/Pagination.tsx
index 62ce511..8f89d87 100644
--- a/packages/meta/src/pagination/Pagination.tsx
+++ b/packages/meta/src/pagination/Pagination.tsx
@@ -101,6 +101,7 @@ const Pagination: React.FC = (props) => {
return { prevIcon, nextIcon, jumpPrevIcon, jumpNextIcon };
}, [direction, prefixCls]);
+ // @ts-ignore
const [contextLocale] = useLocale('Pagination', enUS);
const locale = { ...contextLocale, ...customLocale };
diff --git a/packages/meta/src/pagination/style/bordered.ts b/packages/meta/src/pagination/style/bordered.ts
index 2275d54..7623cdd 100644
--- a/packages/meta/src/pagination/style/bordered.ts
+++ b/packages/meta/src/pagination/style/bordered.ts
@@ -36,6 +36,7 @@ const genBorderedStyle: GenerateStyle = (token) => {
},
[`&${componentCls}-item-active`]: {
+ // @ts-ignore
backgroundColor: token.itemActiveBgDisabled,
},
},
@@ -58,16 +59,19 @@ const genBorderedStyle: GenerateStyle = (token) => {
[`${componentCls}-prev, ${componentCls}-next`]: {
'&:hover button': {
borderColor: token.colorPrimaryHover,
+ // @ts-ignore
backgroundColor: token.itemBg,
},
[`${componentCls}-item-link`]: {
+ // @ts-ignore
backgroundColor: token.itemLinkBg,
borderColor: token.colorBorder,
},
[`&:hover ${componentCls}-item-link`]: {
borderColor: token.colorPrimary,
+ // @ts-ignore
backgroundColor: token.itemBg,
color: token.colorPrimary,
},
@@ -81,11 +85,13 @@ const genBorderedStyle: GenerateStyle = (token) => {
},
[`${componentCls}-item`]: {
+ // @ts-ignore
backgroundColor: token.itemBg,
border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
[`&:hover:not(${componentCls}-item-active)`]: {
borderColor: token.colorPrimary,
+ // @ts-ignore
backgroundColor: token.itemBg,
a: {
@@ -102,8 +108,11 @@ const genBorderedStyle: GenerateStyle = (token) => {
};
export default genSubStyleComponent(
+ // @ts-ignore
['Pagination', 'bordered'],
+ // @ts-ignore
(token) => {
+ // @ts-ignore
const paginationToken = prepareToken(token);
return [genBorderedStyle(paginationToken)];
diff --git a/packages/meta/src/pagination/style/index.ts b/packages/meta/src/pagination/style/index.ts
index 92ca8d2..cfaadd4 100644
--- a/packages/meta/src/pagination/style/index.ts
+++ b/packages/meta/src/pagination/style/index.ts
@@ -63,6 +63,7 @@ export interface ComponentToken {
}
export interface PaginationToken
+ // @ts-ignore
extends FullToken<'Pagination'>,
SharedComponentToken,
SharedInputToken {
@@ -118,13 +119,16 @@ const genPaginationDisabledStyle: GenerateStyle = (t
'&-active': {
borderColor: token.colorBorder,
+ // @ts-ignore
backgroundColor: token.itemActiveBgDisabled,
'&:hover, &:active': {
+ // @ts-ignore
backgroundColor: token.itemActiveBgDisabled,
},
a: {
+ // @ts-ignore
color: token.itemActiveColorDisabled,
},
},
@@ -176,14 +180,19 @@ const genPaginationMiniStyle: GenerateStyle = (token
return {
[`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]:
{
+ // @ts-ignore
height: token.itemSizeSM,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
},
[`&${componentCls}-mini ${componentCls}-item`]: {
+ // @ts-ignore
minWidth: token.itemSizeSM,
+ // @ts-ignore
height: token.itemSizeSM,
margin: 0,
+ // @ts-ignore
lineHeight: unit(token.calc(token.itemSizeSM).sub(2).equal()),
},
@@ -200,9 +209,12 @@ const genPaginationMiniStyle: GenerateStyle = (token
},
[`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
+ // @ts-ignore
minWidth: token.itemSizeSM,
+ // @ts-ignore
height: token.itemSizeSM,
margin: 0,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
},
@@ -228,15 +240,19 @@ const genPaginationMiniStyle: GenerateStyle = (token
borderColor: 'transparent',
'&::after': {
+ // @ts-ignore
height: token.itemSizeSM,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
},
},
[`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]:
{
+ // @ts-ignore
height: token.itemSizeSM,
marginInlineEnd: 0,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
},
@@ -244,11 +260,14 @@ const genPaginationMiniStyle: GenerateStyle = (token
marginInlineStart: token.paginationMiniOptionsMarginInlineStart,
[`&-size-changer`]: {
+ // @ts-ignore
top: token.miniOptionsSizeChangerTop,
},
[`&-quick-jumper`]: {
+ // @ts-ignore
height: token.itemSizeSM,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
input: {
@@ -270,10 +289,13 @@ const genPaginationSimpleStyle: GenerateStyle = (tok
&${componentCls}-simple ${componentCls}-prev,
&${componentCls}-simple ${componentCls}-next
`]: {
+ // @ts-ignore
height: token.itemSizeSM,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
verticalAlign: 'top',
[`${componentCls}-item-link`]: {
+ // @ts-ignore
height: token.itemSizeSM,
backgroundColor: 'transparent',
border: 0,
@@ -284,7 +306,9 @@ const genPaginationSimpleStyle: GenerateStyle = (tok
backgroundColor: token.colorBgTextActive,
},
'&::after': {
+ // @ts-ignore
height: token.itemSizeSM,
+ // @ts-ignore
lineHeight: unit(token.itemSizeSM),
},
},
@@ -292,6 +316,7 @@ const genPaginationSimpleStyle: GenerateStyle = (tok
[`&${componentCls}-simple ${componentCls}-simple-pager`]: {
display: 'inline-block',
+ // @ts-ignore
height: token.itemSizeSM,
marginInlineEnd: token.marginXS,
@@ -301,6 +326,7 @@ const genPaginationSimpleStyle: GenerateStyle = (tok
marginInlineEnd: token.marginXS,
padding: `0 ${unit(token.paginationItemPaddingInline)}`,
textAlign: 'center',
+ // @ts-ignore
backgroundColor: token.itemInputBg,
border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
borderRadius: token.borderRadius,
@@ -398,10 +424,13 @@ const genPaginationJumpStyle: GenerateStyle = (token
${componentCls}-jump-next
`]: {
display: 'inline-block',
+ // @ts-ignore
minWidth: token.itemSize,
+ // @ts-ignore
height: token.itemSize,
color: token.colorText,
fontFamily: token.fontFamily,
+ // @ts-ignore
lineHeight: `${unit(token.itemSize)}`,
textAlign: 'center',
verticalAlign: 'middle',
@@ -502,10 +531,13 @@ const genPaginationItemStyle: GenerateStyle = (token
return {
[`${componentCls}-item`]: {
display: 'inline-block',
+ // @ts-ignore
minWidth: token.itemSize,
+ // @ts-ignore
height: token.itemSize,
marginInlineEnd: token.marginXS,
fontFamily: token.fontFamily,
+ // @ts-ignore
lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),
textAlign: 'center',
verticalAlign: 'middle',
@@ -540,6 +572,7 @@ const genPaginationItemStyle: GenerateStyle = (token
'&-active': {
fontWeight: token.fontWeightStrong,
+ // @ts-ignore
backgroundColor: token.itemActiveBg,
borderColor: token.colorPrimary,
@@ -583,8 +616,10 @@ const genPaginationStyle: GenerateStyle = (token) =>
[`${componentCls}-total-text`]: {
display: 'inline-block',
+ // @ts-ignore
height: token.itemSize,
marginInlineEnd: token.marginXS,
+ // @ts-ignore
lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),
verticalAlign: 'middle',
},
@@ -657,6 +692,7 @@ const genPaginationFocusStyle: GenerateStyle = (token) => {
};
};
+ // @ts-ignore
export const prepareComponentToken: GetDefaultToken<'Pagination'> = (token) => ({
itemBg: token.colorBgContainer,
itemSize: token.controlHeight,
@@ -672,6 +708,7 @@ export const prepareComponentToken: GetDefaultToken<'Pagination'> = (token) => (
export const prepareToken = (token: Parameters>[0]) =>
mergeToken(
+ // @ts-ignore
token,
{
inputOutlineOffset: 0,
@@ -683,13 +720,16 @@ export const prepareToken = (token: Parameters>[0]) =>
paginationSlashMarginInlineEnd: token.marginSM,
paginationEllipsisTextIndent: '0.13em', // magic for ui experience
},
+ // @ts-ignore
initInputToken(token),
);
// ============================== Export ==============================
export default genStyleHooks(
+ // @ts-ignore
'Pagination',
(token) => {
+ // @ts-ignore
const paginationToken = prepareToken(token);
return [genPaginationStyle(paginationToken), genPaginationFocusStyle(paginationToken)];
},
diff --git a/packages/meta/src/transfer/index.zh-CN.md b/packages/meta/src/transfer/index.zh-CN.md
index e02adeb..717ed85 100644
--- a/packages/meta/src/transfer/index.zh-CN.md
+++ b/packages/meta/src/transfer/index.zh-CN.md
@@ -30,7 +30,7 @@ description: 双栏穿梭选择框。
树穿梭框
自定义状态
-组件 Token
+
## API