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