@lemon-fe/components 0.1.22 → 0.1.27

package/es/BaseTable/typings.d.ts

@@ -11,7 +11,7 @@ export interface RowAction<T> {
   /**
    * @description 当text不为字符串时，建议加上key属性
    */
-  text: ReactElement;
+  text: string | ReactElement;
   key?: string;
   onClick?: (row: T, index: number) => void;
   disabled?: boolean;

package/es/Layout/index.d.ts

@@ -10,9 +10,9 @@ interface Props {
      */
     loading?: boolean;
     /**
+     * @deprecated
      * @description 高度是否为100%
      * @default false
-     * @deprecated
      */
     full?: boolean;
     left?: ReactNode;
@@ -26,11 +26,12 @@ declare namespace Layout {
     var Content: (props: {
         children?: React.ReactNode;
         left?: React.ReactNode;
+        tab?: string | undefined;
     }) => JSX.Element;
 }
 export default Layout;
 declare function LayoutTabs(props: {
-    tabs: {
+    tabs?: {
         title: string;
         key?: string;
     }[];

package/es/Layout/index.js

@@ -25,6 +25,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import { Spin, Tabs } from 'antd';
+import { get } from 'lodash';
 import { PREFIX_CLS } from '../constants';
 import { mapChildren } from '../utils';
 var prefixCls = "".concat(PREFIX_CLS, "-layout");
@@ -131,7 +132,8 @@ export default function Layout(props) {
 }
 
 function LayoutTabs(props) {
-  var tabs = props.tabs,
+  var _props$tabs = props.tabs,
+      tabs = _props$tabs === void 0 ? [] : _props$tabs,
       children = props.children,
       className = props.className,
       activeKey = props.activeKey,
@@ -143,10 +145,12 @@ function LayoutTabs(props) {
   };
 
   var nodes = mapChildren(children, function (node, index) {
+    var _get, _get2;
+
     var tab = tabs[index];
     return /*#__PURE__*/React.createElement(Tabs.TabPane, {
-      tab: tab.title,
-      key: getKey(tabs[index])
+      tab: (_get = get(node, ['props', 'tab'])) !== null && _get !== void 0 ? _get : tab.title,
+      key: (_get2 = get(node, 'key')) !== null && _get2 !== void 0 ? _get2 : getKey(tab)
     }, node);
   });
   return /*#__PURE__*/React.createElement(Layout, _objectSpread({

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

@@ -193,6 +193,8 @@ var favoriteIcon = /*#__PURE__*/React.createElement("svg", {
   strokeDasharray: "0,0",
   mask: "url(#mask-2)"
 })))));
+var WIDTH = 1280;
+var FAVORITES_POPOVER = 'FAVORITES_POPOVER';
 export default function Menu(props) {
   var menus = props.data,
       onClick = props.onClick,
@@ -208,8 +210,9 @@ export default function Menu(props) {
 
   var popup = useRef(null);
   var drawer = useRef(null);
+  var clientWidth = useRef(document.body.clientWidth);
 
-  var _useState3 = useState(false),
+  var _useState3 = useState(clientWidth.current <= WIDTH),
       _useState4 = _slicedToArray(_useState3, 2),
       collapsed = _useState4[0],
       setCollapsed = _useState4[1];
@@ -224,7 +227,6 @@ export default function Menu(props) {
       top = _useState8[0],
       setTop = _useState8[1];
 
-  var FAVORITES_POPOVER = 'FAVORITES_POPOVER';
   var activeMenu = useMemo(function () {
     var check = function check(path) {
       if (path) {
@@ -335,6 +337,22 @@ export default function Menu(props) {
       };
     }
   }, [visible]);
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      var width = document.body.clientWidth;
+
+      if (clientWidth.current > WIDTH && width <= WIDTH) {
+        setCollapsed(true);
+      }
+
+      clientWidth.current = width;
+    };
+
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
 
   var openDrawer = function openDrawer() {
     setVisible(true);
@@ -578,7 +596,7 @@ export default function Menu(props) {
       var target = e.currentTarget;
       toggle(function () {
         return openMenu({
-          name: 'FAVORITES_POPOVER',
+          name: FAVORITES_POPOVER,
           children: _toConsumableArray(favoritesMap.values())
         }, target);
       });

package/es/SiderTree/index.d.ts

@@ -8,6 +8,7 @@ interface Props<KeyType> extends Omit<TreeProps, 'onSelect' | 'selectedKeys' | '
     showSearch?: boolean;
     placeholder?: string;
     header?: ReactNode;
+    footer?: ReactNode;
     operation?: OperationType<KeyType>;
     onSelect?: (node: TreeData<KeyType>, info: {
         event: 'select';

package/es/SiderTree/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["tabs", "children"],
-    _excluded2 = ["data", "showSearch", "placeholder", "onSelect", "operation", "header"];
+    _excluded2 = ["data", "showSearch", "placeholder", "onSelect", "operation", "header", "footer"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -70,6 +70,7 @@ export default function SiderTree(props) {
       _onSelect = props.onSelect,
       operation = props.operation,
       header = props.header,
+      footer = props.footer,
       restProps = _objectWithoutProperties(props, _excluded2);
 
   var prefixCls = "".concat(PREFIX_CLS, "-tree");
@@ -213,6 +214,8 @@ export default function SiderTree(props) {
         d: "M7 3v7H6V3z"
       })));
     }
-  }, restProps))));
+  }, restProps))), !!footer && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer")
+  }, footer));
 }
 SiderTree.Tabs = SiderTreeTabs;

package/es/SiderTree/index.less

@@ -56,7 +56,6 @@
   }
 
   &-body {
-    flex: 1;
     min-height: 0;
     padding: 0 @space;
     overflow: auto;
@@ -70,6 +69,11 @@
     margin-top: 8px;
   }
 
+  &-footer {
+    margin-top: 12px;
+    padding: 0 12px;
+  }
+
   &-treenode {
     display: flex;
     align-items: center;

package/es/init.js

@@ -7,7 +7,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import React from 'react';
-import { message, Modal, Select, ConfigProvider, Result, Button, version, DatePicker } from 'antd';
+import { message, Modal, Select, ConfigProvider, Result, Button, version, DatePicker, Cascader } from 'antd';
 import { config } from '@lemon-fe/hooks';
 import PageLoading from './PageLoading';
 import Icons from './Icons';
@@ -86,6 +86,10 @@ export default function init() {
     suffixIcon: version >= '4.18.9' ? node : function () {
       return node;
     }
+  }; //@ts-ignore
+
+  Cascader.defaultProps = {
+    suffixIcon: node
   };
   DatePicker.RangePicker.defaultProps = {
     suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)

package/es/utils.js

@@ -9,6 +9,6 @@ export var mapChildren = function mapChildren(children, cb) {
   }
 
   return nodes.filter(function (item) {
-    return item !== null;
+    return item !== null && item !== undefined;
   }).map(cb);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.22",
+  "version": "0.1.27",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -41,5 +41,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "ee59debc65be8960fe3250c71c75ec907d616f90"
+  "gitHead": "227a3713f84228eef6b06d4553cf47d23af1be06"
 }