@lemon-fe/components 0.1.125 → 0.1.127

package/es/Filter/index.less

@@ -1,6 +1,6 @@
 .@{prefixCls}-filter {
   &-tab-bar {
-    margin-bottom: 12px;
+    margin-bottom: @space-v;
 
     .@{prefixCls}-tab-bar-item {
       padding: 8px 12px;
@@ -74,5 +74,5 @@
 }
 
 .@{prefixCls}-section-body > .@{prefixCls}-filter:not(.@{prefixCls}-filter-simple):first-child {
-  margin-top: -12px;
+  margin-top: -@space-v;
 }

package/es/Layout/index.less

@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  padding: 0 @space;
+  padding: 0 @space-h;
   background: #f2f2f2;
 
   &-header {
@@ -67,7 +67,7 @@
 
     &-collapse {
       position: absolute;
-      top: 16px;
+      top: @space-v;
       right: 0;
       z-index: 100;
       box-sizing: border-box;
@@ -115,10 +115,10 @@
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    height: 65px;
-    padding: @space;
+    height: 60px;
+    padding: @space-v @space-h;
     background: #fff;
-    border-top: 1px solid #dfdfdf;
+    box-shadow: inset 0 1px 0 0 #dfdfdf;
   }
 
   &-spin {

package/es/MainFramework/components/DropMenu/index.js

@@ -29,8 +29,8 @@ export default function DropMenu(props) {
     setPopVisible(false);
   };
   return /*#__PURE__*/React.createElement(Popover, {
-    visible: popVisible,
-    onVisibleChange: setPopVisible,
+    open: popVisible,
+    onOpenChange: setPopVisible,
     overlayClassName: "".concat(prefixCls, "-nav-menu-pop"),
     trigger: "click",
     placement: "bottomRight",

package/es/MainFramework/components/Menu/index.js

@@ -17,6 +17,7 @@ import classNames from 'classnames';
 import { useDebounce } from '@lemon-fe/hooks';
 import { PREFIX_CLS as prefixCls } from '../../../constants';
 import { Divider } from 'antd';
+import Icons from '../../../Icons';
 function Star(props) {
   if (props.active) {
     return /*#__PURE__*/React.createElement("svg", {
@@ -529,7 +530,7 @@ export default function Menu(props) {
       className: "".concat(prefixCls, "-menu-icon")
     }, item.icon), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-menu-title")
-    }, item.name)));
+    }, item.name), item.children && item.children.length > 0 && /*#__PURE__*/React.createElement(Icons.Down, null)));
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefixCls, "-menu-divider-div"), _defineProperty({}, "".concat(prefixCls, "-menu-divider-div-collapsed"), collapsed))
   }, /*#__PURE__*/React.createElement(Divider, {

package/es/MainFramework/components/Menu/index.less

@@ -121,9 +121,16 @@
   }
 
   &-title {
+    flex: 1;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+
+    & + .anticon {
+      color: #666;
+      font-size: 16px;
+      transform: rotate(270deg);
+    }
   }
 
   &-top-item:hover &-icon {

package/es/MainFramework/components/RefreshButton/index.js

@@ -18,8 +18,8 @@ export default function RefreshButton(props) {
     popVisible = _useState2[0],
     setPopVisible = _useState2[1];
   return /*#__PURE__*/React.createElement(Popover, {
-    visible: popVisible,
-    onVisibleChange: setPopVisible,
+    open: popVisible,
+    onOpenChange: setPopVisible,
     trigger: "click",
     overlayClassName: "".concat(prefixCls, "-refresh-down-pop"),
     placement: "bottomRight",

package/es/Section/index.less

@@ -1,7 +1,7 @@
 .@{prefixCls}-section {
   position: relative;
   width: 100%;
-  padding: 12px 16px;
+  padding: @space-v @space-h;
   color: #333;
 
   & + & {
@@ -77,7 +77,7 @@
   &-tab {
     display: inline-flex;
     align-self: flex-start;
-    margin-bottom: 12px;
+    margin-bottom: @space-v;
     padding: 2px;
     background-color: #f2f2f2;
     border-radius: 4px;
@@ -85,7 +85,7 @@
     &-item {
       position: relative;
       min-width: 88px;
-      padding: 6px 8px;
+      padding: (@space-v / 2) (@space-h / 2);
       color: rgba(51, 51, 51, 0.65);
       font-size: 14px;
       line-height: 22px;

package/es/SiderTree/index.less

@@ -7,7 +7,7 @@
     flex-direction: column;
     box-sizing: border-box;
     height: 100%;
-    padding: @space 0;
+    padding: @space-v 0;
   }
 
   &-menu-popover {
@@ -47,18 +47,20 @@
     .fullTabs();
 
     & > .@{ant-prefix}-tabs-nav {
-      margin: 0 @space;
+      margin: 0 @space-h;
     }
   }
 
   &-header {
-    padding: 0 @space;
+    padding: 0 @space-h;
   }
 
   &-body {
     min-height: 0;
-    padding: 0 @space;
+    padding: 0 @space-h;
     overflow: auto;
+
+    .scrollBar(8px);
   }
 
   &-header + &-body {
@@ -207,5 +209,5 @@
 }
 
 .@{prefixCls}-layout-left .@{prefixCls}-tree-wrapper:first-child .@{prefixCls}-tree-header {
-  padding-right: 12px + @space;
+  padding-right: 12px + @space-h;
 }

package/es/theme.less

@@ -1,6 +1,9 @@
 @prefixCls: lemon;
 @space: 16px;
 
+@space-h: 16px;
+@space-v: 12px;
+
 html {
   --lemon-primary-color: 35, 87, 223;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.125",
+  "version": "0.1.127",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "8191ec827b85a64f75a3665133ce76851823d279"
+  "gitHead": "a9474fa6f304224a06ed537c7be81796dd6a119f"
 }