@lemon-fe/kits 1.0.0-120 → 1.0.0-121

package/es/components/Layout/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ReactNode, CSSProperties } from 'react';
+import React from 'react';
 interface Tab {
     title?: ReactNode;
     key: string;
@@ -35,8 +35,8 @@ declare function Layout(props: Props): JSX.Element;
 declare namespace Layout {
     var Tabs: typeof LayoutTabs;
     var Content: (props: {
-        children?: React.ReactNode;
-        left?: React.ReactNode;
+        children?: ReactNode;
+        left?: ReactNode;
         tab?: string | undefined;
         forceRender?: boolean | undefined;
     } & Pick<Props, "onCollapse">) => JSX.Element;
@@ -46,4 +46,5 @@ declare function LayoutTabs(props: {
     tabs?: Tab[];
     activeKey?: string;
     onTabClick?: (activeKey: string, e: React.KeyboardEvent | React.MouseEvent) => void;
+    hideTabBar?: boolean;
 } & Omit<Props, 'body'>): JSX.Element;

package/es/components/Layout/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["tabs", "children", "className", "activeKey", "onTabClick"];
+var _excluded = ["tabs", "children", "className", "activeKey", "onTabClick", "hideTabBar"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -20,12 +20,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { mapChildren, prefixClassName } from "../utils";
+import { Spin, Tabs } from 'antd';
+import { Resizable } from 'react-resizable';
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import { Spin, Tabs } from 'antd';
 import { get } from 'lodash';
-import { Resizable } from 'react-resizable';
-import { mapChildren, prefixClassName } from "../utils";
 var prefix = prefixClassName('layout');
 
 function Sider(props) {
@@ -190,14 +190,18 @@ function LayoutTabs(props) {
       className = props.className,
       activeKey = props.activeKey,
       onTabClick = props.onTabClick,
+      hideTabBar = props.hideTabBar,
       restProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(Layout, _extends({
-    className: classNames(className, prefix('tabs-wrapper')),
+    className: classNames(className, prefix('tabs-wrapper'), _defineProperty({}, prefix('tabs-hide-tab-bar'), hideTabBar)),
     body: /*#__PURE__*/React.createElement(Tabs, {
       activeKey: activeKey,
       onTabClick: onTabClick,
       className: prefix('tabs'),
+      renderTabBar: hideTabBar ? function () {
+        return null;
+      } : undefined,
       items: mapChildren(children, function (node, index) {
         var _get, _get2;
 

package/es/components/Layout/index.less

@@ -124,4 +124,21 @@
     justify-content: center;
     background-color: rgba(255, 255, 255, 0.5);
   }
+
+  &-main > & {
+    flex: 1;
+  }
+
+  .@{prefixCls}-section + &&-tabs-wrapper {
+    margin-top: (-@space-v + 5px);
+  }
+
+  .@{prefixCls}-section + &:not(&-tabs-wrapper),
+  .@{prefixCls}-section + &&-tabs-hide-tab-bar {
+    margin-top: -@space-v;
+  }
+
+  & + .@{prefixCls}-section {
+    padding-top: 0;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-120",
+  "version": "1.0.0-121",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",