@lemon-fe/components 0.1.0 → 0.1.4

package/es/BaseTable/Actions.js

@@ -69,17 +69,27 @@ export default function Actions(props) {
       return null;
     }
 
+    var key = item.text;
     var dropDown = item.dropDown ? item.dropDown.filter(function (item) {
       return item !== null;
     }) : [];
-    return /*#__PURE__*/React.createElement("button", {
-      className: "".concat(prefixCls, "-item"),
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-disabled"), item.disabled)),
       key: item.text,
-      disabled: item.disabled,
+      onMouseEnter: function onMouseEnter() {
+        if (pop !== null && pop.key !== key) {
+          closePop();
+        }
+      },
       onClick: function onClick(e) {
+        if (item.disabled) {
+          return;
+        }
+
         if (dropDown.length > 0) {
           var rect = e.target.getBoundingClientRect();
           openPop({
+            key: key,
             top: rect.top + rect.height,
             right: document.body.clientWidth - rect.right,
             items: dropDown

package/es/BaseTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../typings.d.ts" />
 import type { BaseTableProps as Props } from './typings';
 declare function BaseTable<T extends Record<string, any>>(props: Props<T>): JSX.Element;
 declare namespace BaseTable {

package/es/BaseTable/index.js

@@ -33,6 +33,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+/// <reference path="../../typings.d.ts" />
 import React, { useMemo, useState, useEffect, useRef } from 'react';
 import { Table as AntdTable } from 'antd';
 import { get } from 'lodash';
@@ -43,6 +44,7 @@ import { PREFIX_CLS } from '../constants';
 import VirtualList from './VirtualBody';
 import BaseTableContext from './BaseTableContext';
 import Actions from './Actions';
+import empty from './empty.png';
 
 function formatSummary(summary) {
   if (!summary) {
@@ -396,7 +398,14 @@ function BaseTable(props) {
     },
     components: components,
     onChange: handleChange,
-    tableLayout: tableLayout
+    tableLayout: tableLayout,
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(PREFIX_CLS, "-table-empty")
+      }, /*#__PURE__*/React.createElement("img", {
+        src: empty
+      }), /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"))
+    }
   }, restProps), {}, {
     pagination: paginationProp !== false ? _objectSpread({
       size: 'small',

package/es/BaseTable/index.less

@@ -94,15 +94,6 @@
       transition: background-color 0.2s;
       user-select: none;
 
-      &:disabled {
-        color: rgba(51, 51, 51, 0.5);
-        cursor: not-allowed;
-
-        &:hover {
-          background-color: rgba(51, 51, 51, 0.06);
-        }
-      }
-
       &:hover {
         background-color: .primary(0.12) [];
       }
@@ -110,6 +101,15 @@
       &:active {
         color: .primary(0.8) [];
       }
+
+      &-disabled {
+        color: rgba(51, 51, 51, 0.5) !important;
+        cursor: not-allowed;
+
+        &:hover {
+          background-color: rgba(51, 51, 51, 0.06);
+        }
+      }
     }
 
     &-popover {
@@ -197,4 +197,15 @@
       font-size: 12px;
     }
   }
+
+  &-empty {
+    display: inline-block;
+    text-align: center;
+
+    & > img {
+      display: block;
+      width: 120px;
+      height: 120px;
+    }
+  }
 }

package/es/FormLayout/index.less

@@ -17,6 +17,7 @@
 
 .col(@colSpan: 8) {
   flex-shrink: 0;
+  flex-wrap: nowrap;
   width: percentage((@colSpan / 24));
   min-width: if((@colSpan >= 12), 2 * @minWidth, @minWidth);
   padding: 0 (@spaceX / 2);

package/es/Icons/BigTip/index.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export default function BigTip(props: {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    style?: CSSProperties;
+    className?: string;
+}): JSX.Element;

package/es/Icons/BigTip/index.js

@@ -0,0 +1,50 @@
+var _excluded = ["type"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import success from './success.png';
+import error from './error.png';
+import info from './info.png';
+import warning from './warning.png';
+export default function BigTip(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'success' : _props$type,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var src;
+
+  switch (type) {
+    case 'warning':
+      src = warning;
+      break;
+
+    case 'error':
+      src = error;
+      break;
+
+    case 'info':
+      src = info;
+      break;
+
+    case 'success':
+    default:
+      src = success;
+  }
+
+  return /*#__PURE__*/React.createElement("img", _objectSpread({
+    src: src,
+    style: {
+      width: 48,
+      height: 48
+    }
+  }, restProps));
+}

package/es/Icons/index.d.ts

@@ -4,6 +4,7 @@ import Tip from './Tip';
 import DarkSearch from './DarkSearch';
 import More from './More';
 import Calendar from './Calendar';
+import BigTip from './BigTip';
 declare const Icons: {
     Search: typeof Search;
     Down: typeof Down;
@@ -12,5 +13,6 @@ declare const Icons: {
     DarkSearch: typeof DarkSearch;
     More: typeof More;
     Calendar: typeof Calendar;
+    BigTip: typeof BigTip;
 };
 export default Icons;

package/es/Icons/index.js

@@ -5,6 +5,7 @@ import Empty from './Empty';
 import DarkSearch from './DarkSearch';
 import More from './More';
 import Calendar from './Calendar';
+import BigTip from './BigTip';
 var Icons = {
   Search: Search,
   Down: Down,
@@ -12,6 +13,7 @@ var Icons = {
   Empty: Empty,
   DarkSearch: DarkSearch,
   More: More,
-  Calendar: Calendar
+  Calendar: Calendar,
+  BigTip: BigTip
 };
 export default Icons;

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

@@ -228,7 +228,7 @@ export default function Menu(props) {
   var activeMenu = useMemo(function () {
     var check = function check(path) {
       if (path) {
-        return new RegExp("".concat(path, "(?![^\\/])")).test(location.pathname);
+        return new RegExp("".concat(path.split('?')[0], "(?![^\\/])")).test(location.pathname);
       }
 
       return false;

package/es/SiderTree/index.js

@@ -34,12 +34,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo, useState } from 'react';
 import { useDebounce } from '@lemon-fe/hooks';
 import Tree from 'rc-tree';
-import { Empty, Input, Tabs } from 'antd';
+import { Input, Tabs } from 'antd';
 import { PREFIX_CLS } from '../constants';
 import TreeNodeTitle from './TreeNodeTitle';
 import Icons from '../Icons';
 import TabBar from '../TabBar';
 import { mapChildren } from '../utils';
+import empty from './empty.png';
 
 function SiderTreeTabs(props) {
   var tabs = props.tabs,
@@ -156,9 +157,11 @@ export default function SiderTree(props) {
     className: "".concat(prefixCls, "-header")
   }, mHeader), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-body")
-  }, tree.length <= 0 ? /*#__PURE__*/React.createElement(Empty, {
-    description: false
-  }) : /*#__PURE__*/React.createElement(Tree, _objectSpread({
+  }, tree.length <= 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-empty")
+  }, /*#__PURE__*/React.createElement("img", {
+    src: empty
+  }), /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")) : /*#__PURE__*/React.createElement(Tree, _objectSpread({
     treeData: tree,
     prefixCls: prefixCls,
     itemHeight: 40,

package/es/SiderTree/index.less

@@ -160,6 +160,26 @@
       }
     }
   }
+
+  &-empty {
+    width: 72px;
+    margin: 0 auto;
+    padding-top: 75px;
+    text-align: center;
+
+    img {
+      display: block;
+      width: 72px;
+      height: 72px;
+    }
+
+    div {
+      margin-top: 8px;
+      color: rgba(51, 51, 51, 0.5);
+      font-size: 14px;
+      line-height: 22px;
+    }
+  }
 }
 
 .@{prefixCls}-layout-left .@{prefixCls}-tree-wrapper:first-child .@{prefixCls}-tree-header {

package/es/init.js

@@ -7,13 +7,13 @@ 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, Empty, Select, ConfigProvider, Result, Button, version, DatePicker } from 'antd';
+import { message, Modal, Select, ConfigProvider, Result, Button, version, DatePicker } from 'antd';
 import { config } from '@lemon-fe/hooks';
 import PageLoading from './PageLoading';
 import Icons from './Icons';
 var Tip = Icons.Tip,
-    EmptyIcon = Icons.Empty,
-    Down = Icons.Down;
+    Down = Icons.Down,
+    BigTip = Icons.BigTip;
 export default function init() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -62,12 +62,10 @@ export default function init() {
 
     Modal[item] = function () {
       return modalAPI(_objectSpread({
-        icon: /*#__PURE__*/React.createElement(Tip, {
-          type: item,
-          style: {
-            fontSize: 20
-          }
-        })
+        icon: /*#__PURE__*/React.createElement(BigTip, {
+          type: item
+        }),
+        title: '提示'
       }, arguments.length <= 0 ? undefined : arguments[0]));
     };
   });
@@ -75,12 +73,10 @@ export default function init() {
 
   Modal.confirm = function () {
     return modalConfirm(_objectSpread({
-      icon: /*#__PURE__*/React.createElement(Tip, {
-        type: "warning",
-        style: {
-          fontSize: 20
-        }
-      })
+      icon: /*#__PURE__*/React.createElement(BigTip, {
+        type: "info"
+      }),
+      title: '提示'
     }, arguments.length <= 0 ? undefined : arguments[0]));
   };
 
@@ -91,10 +87,6 @@ export default function init() {
       return node;
     }
   };
-  Empty.PRESENTED_IMAGE_DEFAULT = /*#__PURE__*/React.createElement(EmptyIcon, null);
-  Empty.defaultProps = {
-    image: Empty.PRESENTED_IMAGE_DEFAULT
-  };
   DatePicker.RangePicker.defaultProps = {
     suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)
   };

package/es/overrides.less

@@ -38,15 +38,10 @@ a[title='站长统计'] {
     padding: 40px 48px;
     overflow: hidden;
 
-    & > .anticon:first-child {
+    & > img:first-child {
       position: absolute;
       top: 40px;
       left: 48px;
-      padding: 2px;
-    }
-
-    & > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
-      margin-left: 36px;
     }
   }
 
@@ -66,14 +61,14 @@ a[title='站长统计'] {
 
   .ant-modal-confirm-title {
     float: none;
-    margin-left: 36px;
+    margin-left: 56px;
     font-weight: 600;
     line-height: 24px;
   }
 
   .ant-modal-confirm-content {
     float: none;
-    margin: 2px 0 0 36px;
+    margin: 2px 0 0 56px;
     color: rgba(51, 51, 51, 0.5);
     line-height: 22px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -16,8 +16,8 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@lemon-fe/hooks": "^0.0.33",
-    "antd": "^4.17.0",
+    "@lemon-fe/hooks": "^0.1.2",
+    "antd": "^4.20.2",
     "classnames": "^2.2.6",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
@@ -39,5 +39,5 @@
     "@types/lodash": "^4.14.179",
     "@types/react-resizable": "^1.7.4"
   },
-  "gitHead": "194106879a74eb16c75e56c3832a2f555627a8ee"
+  "gitHead": "f0f512c0a2e59bedb7ec800d545d395580f07038"
 }