You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
702 B
17 lines
702 B
1 year ago
|
import type { CSSProperties, ExtractPropTypes } from 'vue';
|
||
|
|
import type { SizeType } from '../config-provider/SizeContext';
|
||
|
|
import { anyType, booleanType, someType, stringType } from '../_util/type';
|
||
|
|
|
||
|
|
export const flexProps = () => ({
|
||
|
|
prefixCls: stringType(),
|
||
|
|
vertical: booleanType(),
|
||
|
|
wrap: stringType<CSSProperties['flex-wrap']>(),
|
||
|
|
justify: stringType<CSSProperties['justify-content']>(),
|
||
|
|
align: stringType<CSSProperties['align-items']>(),
|
||
|
|
flex: someType<CSSProperties['flex']>([Number, String]),
|
||
|
|
gap: someType<CSSProperties['gap'] | SizeType>([Number, String]),
|
||
|
|
component: anyType(),
|
||
|
|
});
|
||
|
|
|
||
|
|
export type FlexProps = Partial<ExtractPropTypes<ReturnType<typeof flexProps>> & HTMLElement>;
|