UNPKG

@lobehub/ui

Version:

Lobe UI is an open-source UI component library for building AIGC web apps

1 lines 1.67 kB
{"version":3,"file":"utils.mjs","names":["isHorizontal"],"sources":["../../src/Flex/utils.ts"],"sourcesContent":["import type { FlexDirection } from './type';\n\nexport const getPrefix = (prefixCls?: string) => {\n if (prefixCls) return prefixCls;\n return 'lobe';\n};\n\nexport const getFlexDirection = (direction?: FlexDirection, isHorizontal?: boolean) => {\n if (isHorizontal) return 'row';\n\n switch (direction) {\n case 'horizontal': {\n return 'row';\n }\n case 'horizontal-reverse': {\n return 'row-reverse';\n }\n case 'vertical':\n default: {\n return 'column';\n }\n case 'vertical-reverse': {\n return 'column-reverse';\n }\n }\n};\n\nexport const isSpaceDistribution = (distribution?: string) => {\n if (!distribution) return;\n return ['space-between', 'space-around', 'space-evenly'].includes(distribution);\n};\n\nexport const isHorizontal = (direction?: FlexDirection, isHorizontal?: boolean) =>\n getFlexDirection(direction, isHorizontal) === 'row';\n\nexport const isVertical = (direction?: FlexDirection, isHorizontal?: boolean) =>\n getFlexDirection(direction, isHorizontal) === 'column';\n\nexport const getCssValue = (value: string | number | undefined) =>\n typeof value === 'number' ? `${value}px` : value;\n"],"mappings":";AAOA,MAAa,oBAAoB,WAA2B,mBAA2B;AACrF,KAAIA,eAAc,QAAO;AAEzB,SAAQ,WAAR;EACE,KAAK,aACH,QAAO;EAET,KAAK,qBACH,QAAO;EAET,KAAK;EACL,QACE,QAAO;EAET,KAAK,mBACH,QAAO;;;AAKb,MAAa,uBAAuB,iBAA0B;AAC5D,KAAI,CAAC,aAAc;AACnB,QAAO;EAAC;EAAiB;EAAgB;EAAe,CAAC,SAAS,aAAa;;AAGjF,MAAa,gBAAgB,WAA2B,mBACtD,iBAAiB,WAAWA,eAAa,KAAK;AAKhD,MAAa,eAAe,UAC1B,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM"}