@lemon-fe/kits 1.0.0-21 → 1.0.0-211

package/es/hooks/useHistoryBlock/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 校验函数
+ * @param block  返回true或者string 会阻止页面被关闭;
+ * @returns  string 为提示信息，一般情况不需要
+ */
+export default function useHistoryBlock(block: () => string | boolean): {
+    clear(): void;
+};

package/es/hooks/useHistoryBlock/index.js

@@ -0,0 +1,30 @@
+import { useLastestRef } from '@lemon-fe/hooks';
+import { useContext, useEffect, useRef } from 'react';
+import { useLocation } from 'react-router';
+import { RouteTabContext } from "../../layouts/components/RouteTab";
+/**
+ * 校验函数
+ * @param block  返回true或者string 会阻止页面被关闭;
+ * @returns  string 为提示信息，一般情况不需要
+ */
+
+export default function useHistoryBlock(block) {
+  var tabCtx = useContext(RouteTabContext);
+  var blockRef = useLastestRef(block);
+  var pathname = useLocation().pathname;
+  var clearRef = useRef(function () {});
+  useEffect(function () {
+    clearRef.current = tabCtx.instance.registerCloseBlocker({
+      pathname: "".concat(tabCtx.routerBase).concat(pathname),
+      block: function block() {
+        return blockRef.current();
+      }
+    });
+    return clearRef.current;
+  }, []);
+  return {
+    clear: function clear() {
+      clearRef.current();
+    }
+  };
+}

package/es/index.d.ts

@@ -5,22 +5,24 @@ export { default as zhCN } from 'antd/es/locale/zh_CN';
 export * from './constants';
 export { default as init } from './init';
 export { default as BaseTable } from './components/BaseTable';
-export type { BaseTableProps } from './components/BaseTable/typings';
+export type { BaseTableProps, ColumnsType, ColumnGroupType, ColumnType, } from './components/BaseTable/typings';
 export { default as EditableTable } from './components/EditableTable';
 export { default as EditableCell } from './components/EditableTable/EditableCell';
 export { default as EditableTableFormItem } from './components/EditableTable/EditableTableFormItem';
 export type { EditableTableProps, EditableTableColumnType, EditableCellFocusedType, EditableTableRef, EditableTableRule, } from './components/EditableTable/typings';
 export { default as Table } from './components/Table';
+export type { TableRef } from './components/Table/typings';
 export { default as PageLoading } from './components/PageLoading';
 export { default as Actions } from './components/Actions';
 export { default as Filter } from './components/Filter';
-export type { FilterItemType } from './components/Filter/typings';
+export type { FilterItemType, FilterProps, ComponentOption } from './components/Filter/typings';
 export { default as Section } from './components/Section';
 export { default as Layout } from './components/Layout';
 export { default as DurationPicker } from './components/DurationPicker';
+export type { DurationPickerValue } from './components/DurationPicker';
 export { default as ColorPicker } from './components/ColorPicker';
 export { default as Popup } from './components/Popup';
-export type { BasePopupProps } from './components/Popup';
+export type { BasePopupProps, PopupProps } from './components/Popup';
 export { default as SiderTree } from './components/SiderTree';
 export type { TreeData } from './components/SiderTree/typings';
 export { default as Icons } from './components/Icons';
@@ -29,10 +31,24 @@ export { default as TabBar } from './components/TabBar';
 export { default as SymbolIcon } from './components/SymbolIcon';
 export { default as Dropdown } from './components/Dropdown';
 export { default as SelectView } from './components/SelectView';
-export { default as DataGrid, AgGridReact } from './components/DataGrid';
+export { default as DataGrid } from './components/DataGrid';
 export * from './components/DataGrid/typings';
+export * from './components/DataGrid/hooks';
+export type { ColDef, ColGroupDef, ColumnState, GridOptions, GridReadyEvent, ICellEditorParams, ICellRendererParams, IHeaderParams, RowDataUpdatedEvent, CellValueChangedEvent, NavigateToNextCellParams, TabToNextCellParams, AgGridEvent, GroupCellRendererParams as IGroupCellRendererParams, Column, CellPosition, IRowNode, } from '@ag-grid-community/core';
+export { GridApi, ColumnApi } from '@ag-grid-community/core';
+export * from '@ag-grid-community/react';
+export { default as TipMark } from './components/TipMark';
+export { default as Portal } from './components/Portal';
+export { default as State } from './components/State';
+export { default as GreyPanel } from './components/GreyPanel';
+export { default as Alert } from './components/Alert';
+export { default as InputNumber } from './components/InputNumber';
+export { default as InputCompact } from './components/InputCompact';
+export { default as SelectPanel } from './components/SelectPanel';
 export { default as BasicLayout } from './layouts/BasicLayout';
 export { default as BlankLayout } from './layouts/BlankLayout';
 export { default as MicroLayout } from './layouts/MicroLayout';
 export { default as Breadcrumb } from './layouts/Breadcrumb';
 export { default as useBatchOperator } from './hooks/useBatchOperator';
+export { default as useHistoryBlock } from './hooks/useHistoryBlock';
+export { TabInstance } from './layouts/TabInstance';

package/es/index.js

@@ -24,10 +24,23 @@ export { default as TabBar } from "./components/TabBar";
 export { default as SymbolIcon } from "./components/SymbolIcon";
 export { default as Dropdown } from "./components/Dropdown";
 export { default as SelectView } from "./components/SelectView";
-export { default as DataGrid, AgGridReact } from "./components/DataGrid";
+export { default as DataGrid } from "./components/DataGrid";
 export * from "./components/DataGrid/typings";
+export * from "./components/DataGrid/hooks";
+export { GridApi, ColumnApi } from '@ag-grid-community/core';
+export * from '@ag-grid-community/react';
+export { default as TipMark } from "./components/TipMark";
+export { default as Portal } from "./components/Portal";
+export { default as State } from "./components/State";
+export { default as GreyPanel } from "./components/GreyPanel";
+export { default as Alert } from "./components/Alert";
+export { default as InputNumber } from "./components/InputNumber";
+export { default as InputCompact } from "./components/InputCompact";
+export { default as SelectPanel } from "./components/SelectPanel";
 export { default as BasicLayout } from "./layouts/BasicLayout";
 export { default as BlankLayout } from "./layouts/BlankLayout";
 export { default as MicroLayout } from "./layouts/MicroLayout";
 export { default as Breadcrumb } from "./layouts/Breadcrumb";
-export { default as useBatchOperator } from "./hooks/useBatchOperator";
+export { default as useBatchOperator } from "./hooks/useBatchOperator";
+export { default as useHistoryBlock } from "./hooks/useHistoryBlock";
+export { TabInstance } from "./layouts/TabInstance";

package/es/index.less

@@ -21,6 +21,11 @@
 @import './components/Dropdown/index.less';
 @import './components/SelectView/index.less';
 @import './components/DataGrid/index.less';
+@import './components/State/index.less';
+@import './components/GreyPanel/index.less';
+@import './components/InputNumber/index.less';
+@import './components//InputCompact/index.less';
+@import './components/SelectPanel/index.less';
 
 @import './layouts/BasicLayout/components/MainFramework/index.less';
 @import './layouts/Breadcrumb/index.less';

package/es/init.js

@@ -6,15 +6,17 @@ 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, Cascader, TreeSelect } from 'antd';
 import { config } from '@lemon-fe/hooks';
-import PageLoading from "./components/PageLoading";
+import { message, Modal, Select, ConfigProvider, Result, Button, DatePicker, Cascader, TreeSelect, Empty, Menu, TimePicker, Tree } from 'antd';
+import React from 'react';
 import Icons from "./components/Icons";
+import PageLoading from "./components/PageLoading";
+import { PREFIX_CLS } from "./constants";
+import empty from "./styles/empty.png";
 var Tip = Icons.Tip,
     Down = Icons.Down,
-    BigTip = Icons.BigTip,
-    Close = Icons.Close;
+    CloseLight = Icons.CloseLight,
+    Clear = Icons.Clear;
 export default function init() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
@@ -69,10 +71,11 @@ export default function init() {
 
     Modal[item] = function () {
       return modalAPI(_objectSpread({
-        icon: /*#__PURE__*/React.createElement(BigTip, {
+        title: '提示',
+        width: 400,
+        icon: /*#__PURE__*/React.createElement(Tip, {
           type: item
-        }),
-        title: '提示'
+        })
       }, arguments.length <= 0 ? undefined : arguments[0]));
     };
   });
@@ -80,43 +83,92 @@ export default function init() {
 
   Modal.confirm = function () {
     return modalConfirm(_objectSpread({
-      icon: /*#__PURE__*/React.createElement(BigTip, {
+      icon: /*#__PURE__*/React.createElement(Tip, {
         type: "info"
       }),
+      width: 400,
       title: '提示'
     }, arguments.length <= 0 ? undefined : arguments[0]));
   };
 
   Modal.defaultProps = _objectSpread(_objectSpread({}, Modal.defaultProps), {}, {
-    closeIcon: /*#__PURE__*/React.createElement(Close, null)
+    closeIcon: /*#__PURE__*/React.createElement(CloseLight, null)
   });
   var node = /*#__PURE__*/React.createElement(Down, {
     style: {
-      marginRight: -1,
       pointerEvents: 'none'
     }
-  }); //@ts-ignore
+  });
+  Empty.defaultProps = {
+    image: empty
+  }; //@ts-ignore
 
   Select.defaultProps = {
-    suffixIcon: version >= '4.18.9' ? node : function () {
-      return node;
-    }
+    notFoundContent: /*#__PURE__*/React.createElement(Empty, {
+      imageStyle: {
+        height: 60
+      }
+    }),
+    suffixIcon: node,
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
   }; //@ts-ignore
 
   TreeSelect.defaultProps = {
-    suffixIcon: version >= '4.18.9' ? node : function () {
-      return node;
-    }
+    notFoundContent: /*#__PURE__*/React.createElement(Empty, {
+      imageStyle: {
+        height: 60
+      }
+    }),
+    suffixIcon: node,
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
+  }; //@ts-ignore
+
+  Tree.defaultProps = {
+    switcherIcon: /*#__PURE__*/React.createElement(Down, {
+      style: {
+        fontSize: 14,
+        color: 'rgba(51, 51, 51, 0.7)',
+        verticalAlign: '-0.125em'
+      }
+    })
   }; //@ts-ignore
 
   Cascader.defaultProps = {
-    suffixIcon: node
+    suffixIcon: node,
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
   };
-  DatePicker.RangePicker.defaultProps = {
-    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)
-  };
-  DatePicker.defaultProps = {
-    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)
+  DatePicker.RangePicker.defaultProps = _objectSpread(_objectSpread({}, DatePicker.RangePicker.defaultProps), {}, {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, {
+      style: {
+        pointerEvents: 'none'
+      }
+    }),
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
+  });
+  DatePicker.defaultProps = _objectSpread(_objectSpread({}, DatePicker.defaultProps), {}, {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, {
+      style: {
+        pointerEvents: 'none'
+      }
+    }),
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
+  });
+  TimePicker.defaultProps = _objectSpread(_objectSpread({}, TimePicker.defaultProps), {}, {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Clock, {
+      style: {
+        pointerEvents: 'none'
+      }
+    })
+  }); //@ts-ignore
+
+  Menu.defaultProps = {
+    expandIcon: /*#__PURE__*/React.createElement(Down, {
+      style: {
+        transform: 'rotate(-90deg)',
+        top: 8,
+        color: '#666'
+      }
+    })
   };
   config({
     showToast: function showToast() {
@@ -129,6 +181,7 @@ export default function init() {
       return /*#__PURE__*/React.createElement(PageLoading, null);
     },
     showError: function showError(err) {
+      console.error(err);
       message.error(err.message);
     },
     setPrimaryColor: function setPrimaryColor(color) {
@@ -150,4 +203,9 @@ export default function init() {
       });
     }
   });
+  /** 设置滚动条 */
+
+  if (/windows/.test(window.navigator.userAgent.toLowerCase())) {
+    document.body.classList.add("".concat(PREFIX_CLS, "-thin-scroll-bar"));
+  }
 }

package/es/layouts/BasicLayout/components/Main.js

@@ -24,12 +24,12 @@ 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; }
 
-import React, { useState, useMemo, useEffect, useRef } from 'react';
 import { Modal } from 'antd';
-import { useHistory, useLocation, matchPath, useRouteMatch } from 'react-router';
 import moment from 'moment';
-import MainFramework from "./MainFramework";
+import React, { useState, useMemo, useEffect, useRef } from 'react';
+import { useHistory, useLocation, matchPath, useRouteMatch } from 'react-router';
 import RouteTab from "../../components/RouteTab";
+import MainFramework from "./MainFramework";
 
 function mapTree(tree, childrenKey, mapper) {
   var traverse = function traverse(nodes) {
@@ -264,6 +264,38 @@ export default function Main(props) {
 
     prevUrl.current = window.location.pathname;
   }, [state]);
+  useEffect(function () {
+    var handler = function handler(e) {
+      if (window._czc) {
+        var _node = e.target;
+        var tab = undefined;
+        var eventType = undefined;
+
+        while (_node) {
+          if (!eventType) {
+            eventType = _node.dataset.trackEvent;
+          }
+
+          tab = _node.dataset.trackTab;
+
+          if (tab) {
+            break;
+          }
+
+          _node = _node.parentElement;
+        }
+
+        if (eventType) {
+          window._czc.push('_trackEvent', title, '功能', tab || '--', eventType);
+        }
+      }
+    };
+
+    window.addEventListener('click', handler, false);
+    return function () {
+      window.removeEventListener('click', handler, false);
+    };
+  }, []);
 
   var handleClick = function handleClick(index) {
     if (state.active !== index) {
@@ -375,7 +407,8 @@ export default function Main(props) {
       key: key,
       style: state.active === index ? undefined : {
         display: 'none'
-      }
+      },
+      "data-track-tab": tab.title
     }, /*#__PURE__*/React.createElement(RouteTab, {
       authorities: mAuths,
       route: route,

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

@@ -319,28 +319,6 @@ export default function Menu(props) {
     });
   };
 
-  useEffect(function () {
-    if (!visible) {
-      return;
-    }
-
-    var target = drawer.current;
-
-    if (target !== null) {
-      var handler = function handler(e) {
-        if (!target.contains(e.target)) {
-          closeDrawer();
-        }
-      };
-
-      requestAnimationFrame(function () {
-        window.addEventListener('click', handler);
-      });
-      return function () {
-        window.removeEventListener('click', handler);
-      };
-    }
-  }, [visible]);
   useEffect(function () {
     var handleResize = function handleResize() {
       var width = document.body.clientWidth;
@@ -384,6 +362,29 @@ export default function Menu(props) {
     }
   };
 
+  useEffect(function () {
+    if (!visible) {
+      return;
+    }
+
+    var target = drawer.current;
+
+    if (target !== null) {
+      var handler = function handler(e) {
+        if (!target.contains(e.target)) {
+          closeDrawer();
+        }
+      };
+
+      requestAnimationFrame(function () {
+        window.addEventListener('click', handler);
+      });
+      return function () {
+        window.removeEventListener('click', handler);
+      };
+    }
+  }, [visible]);
+
   var handleClick = function handleClick(item) {
     if (item.path) {
       onClick === null || onClick === void 0 ? void 0 : onClick(item);

package/es/layouts/BasicLayout/components/MainFramework/index.less

@@ -74,6 +74,25 @@
   display: flex;
   flex: 1;
   min-height: 0;
+
+  .@{prefixCls}-layout {
+    background-color: transparent;
+
+    &-header {
+      padding: 8px 0;
+    }
+
+    &-body {
+      overflow: hidden;
+      background-color: #fff;
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+
+      &:first-child {
+        margin-top: 8px;
+      }
+    }
+  }
 }
 
 .@{prefixCls}-content {

package/es/layouts/BasicLayout/typings.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactElement, ReactNode, ReactText } from 'react';
-import type { match, useLocation } from 'react-router';
+import type { ReactElement, ReactNode, ReactText } from 'react';
+import type { match } from 'react-router';
 import type { Location, IRoute } from '../typings';
 
 export interface MenuItem {
@@ -68,7 +68,7 @@ export interface BasicLayoutProps<AuthResponse = unknown> {
   /**
    * @description 水印文字
    */
-   waterMark?: string;
+  waterMark?: string;
 }
 
 export type TabType = {

package/es/layouts/Breadcrumb/index.d.ts

@@ -1,6 +1,14 @@
-import type { ReactNode } from 'react';
-interface Props {
-    children?: ReactNode;
+import { type ReactNode } from 'react';
+import { type BreadcrumbItemProps, type BreadcrumbProps } from 'antd';
+interface Props extends BreadcrumbProps {
+}
+declare function WrappedBreadCrumb(props: Props): JSX.Element;
+declare namespace WrappedBreadCrumb {
+    var Item: typeof WrappedItem;
+    var Separator: typeof WrappedSeparator;
 }
-export default function Breadcrumb(props: Props): JSX.Element;
-export {};
+declare function WrappedItem(props: BreadcrumbItemProps): JSX.Element;
+declare function WrappedSeparator(props: {
+    children?: ReactNode;
+}): JSX.Element;
+export default WrappedBreadCrumb;

package/es/layouts/Breadcrumb/index.js

@@ -1,14 +1,12 @@
 import React, { useContext, useMemo } from 'react';
 import { Link, matchPath, useRouteMatch } from 'react-router-dom';
-import { Breadcrumb as AntdBreadcrumb } from 'antd';
+import { Breadcrumb } from 'antd';
 import { uniqBy } from 'lodash';
 import { RouteTabContext } from "../components/RouteTab";
 import Icons from "../../components/Icons";
 import { PREFIX_CLS } from "../../constants";
-var BreadcrumbItem = AntdBreadcrumb.Item;
-export default function Breadcrumb(props) {
-  var children = props.children;
 
+function LayoutBreadcrumb() {
   var _useRouteMatch = useRouteMatch(),
       path = _useRouteMatch.path,
       url = _useRouteMatch.url;
@@ -63,19 +61,42 @@ export default function Breadcrumb(props) {
     traverse([route]);
     return uniqBy(nodes, 'title');
   }, []);
-  return /*#__PURE__*/React.createElement(AntdBreadcrumb, {
+  return /*#__PURE__*/React.createElement(Breadcrumb, {
     style: {
       fontWeight: 'normal'
     }
-  }, items.length > 1 ? /*#__PURE__*/React.createElement("li", {
+  }, items.length > 1 ? /*#__PURE__*/React.createElement(Breadcrumb.Item, {
     className: "".concat(PREFIX_CLS, "-breadcrumb-back")
   }, /*#__PURE__*/React.createElement(Icons.Down, null), /*#__PURE__*/React.createElement(Link, {
-    to: items[items.length - 1].url
-  }, "\u8FD4\u56DE")) : null, children || items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(BreadcrumbItem, {
+    to: items[items.length - 2].url
+  }, "\u8FD4\u56DE")) : null, items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
       key: item.url
     }, item.url && index < items.length - 1 ? /*#__PURE__*/React.createElement(Link, {
       to: item.url
     }, item.title) : item.title);
   }));
-}
+}
+
+function WrappedBreadCrumb(props) {
+  var routes = props.routes,
+      children = props.children;
+
+  if (routes === undefined && children === undefined) {
+    return /*#__PURE__*/React.createElement(LayoutBreadcrumb, null);
+  }
+
+  return /*#__PURE__*/React.createElement(Breadcrumb, props);
+}
+
+function WrappedItem(props) {
+  return /*#__PURE__*/React.createElement(Breadcrumb.Item, props);
+}
+
+function WrappedSeparator(props) {
+  return /*#__PURE__*/React.createElement(Breadcrumb.Separator, props);
+}
+
+WrappedBreadCrumb.Item = WrappedItem;
+WrappedBreadCrumb.Separator = WrappedSeparator;
+export default WrappedBreadCrumb;

package/es/layouts/Breadcrumb/index.less

@@ -4,8 +4,8 @@
     align-items: center;
 
     .anticon {
-      transform: rotate(90deg);
       margin-right: 6px;
+      transform: rotate(90deg);
     }
 
     &::after {
@@ -16,5 +16,9 @@
       background-color: #e7e5e5;
       content: '';
     }
+
+    & + .@{ant-prefix}-breadcrumb-separator {
+      display: none;
+    }
   }
 }