✨ feat: 新增 hidden api

arvinxx · Feb 3, 2022 · 406366c · 406366c · vercel · Feb 3, 2022
1 parent bf0b0b2
commit 406366c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/layout-kit/src/Flexbox.tsx b/packages/layout-kit/src/Flexbox.tsx
@@ -24,6 +24,10 @@ export interface IFlexbox {
   width?: number | string;
   height?: number | string;
   padding?: string | number | CommonSpaceNumber;
+  /**
+   * 是否隐藏内容
+   */
+  hidden?: boolean;
 }
 
 export type FlexboxProps = IFlexbox &
@@ -32,7 +36,9 @@ export type FlexboxProps = IFlexbox &
 export const Flexbox: FC<FlexboxProps> = styled.div.attrs(() => ({
   className: 'layoutkit-flexbox',
 }))<IFlexbox>`
-  display: flex;
+  // 是否显示
+  display: ${(props) => (props.hidden ? 'none' : 'flex')};
+
   flex-direction: ${(props) => {
     return getFlexDirection(props.direction, props.horizontal);
   }};