33 lines
2.2 KiB
TypeScript
33 lines
2.2 KiB
TypeScript
|
import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
|
||
|
|
import type { SelectToken } from './token';
|
||
|
|
/**
|
||
|
|
* Get multiple selector needed style. The calculation:
|
||
|
|
*
|
||
|
|
* ContainerPadding = BasePadding - ItemMargin
|
||
|
|
*
|
||
|
|
* Border: ╔═══════════════════════════╗ ┬
|
||
|
|
* ContainerPadding: ║ ║ │
|
||
|
|
* ╟───────────────────────────╢ ┬ │
|
||
|
|
* Item Margin: ║ ║ │ │
|
||
|
|
* ║ ┌──────────┐ ║ │ │
|
||
|
|
* Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
|
||
|
|
* ║ └──────────┘ ║ │ │
|
||
|
|
* Item Margin: ║ ║ │ │
|
||
|
|
* ╟───────────────────────────╢ ┴ │
|
||
|
|
* ContainerPadding: ║ ║ │
|
||
|
|
* Border: ╚═══════════════════════════╝ ┴
|
||
|
|
*/
|
||
|
|
export declare const getMultipleSelectorUnit: (token: Pick<SelectToken, "max" | "calc" | "multipleSelectItemHeight" | "paddingXXS" | "lineWidth" | "INTERNAL_FIXED_ITEM_MARGIN">) => {
|
||
|
|
basePadding: string | number;
|
||
|
|
containerPadding: string | number;
|
||
|
|
itemHeight: string;
|
||
|
|
itemLineHeight: string;
|
||
|
|
};
|
||
|
|
/**
|
||
|
|
* Get the `rc-overflow` needed style.
|
||
|
|
* It's a share style which means not affected by `size`.
|
||
|
|
*/
|
||
|
|
export declare const genOverflowStyle: (token: Pick<SelectToken, "calc" | "componentCls" | "iconCls" | "borderRadiusSM" | "motionDurationSlow" | "paddingXS" | "multipleItemColorDisabled" | "multipleItemBorderColorDisabled" | "colorIcon" | "colorIconHover" | "INTERNAL_FIXED_ITEM_MARGIN">) => CSSObject;
|
||
|
|
declare const genMultipleStyle: (token: SelectToken) => CSSInterpolation;
|
||
|
|
export default genMultipleStyle;
|