@lemon-fe/kits 1.3.0-alpha.1 → 1.3.1

package/es/index.d.ts

@@ -9,6 +9,7 @@ export { default as BlankLayout } from './layouts/blank-layout';
 export { default as MicroLayout } from './layouts/micro-layout';
 export { default as SimpleLayout } from './layouts/simple-layout';
 export { default as Breadcrumb } from './layouts/breadcrumb';
+export { default as RouteBreadcrumb } from './layouts/route-breadcrumb';
 export { default as useBatchOperator } from './hooks/use-batch-operator';
 export { default as useHistoryBlock } from './hooks/use-history-block';
 export { TabInstance } from './layouts/tab-instance';

package/es/index.js

@@ -6,6 +6,7 @@ export { default as BlankLayout } from "./layouts/blank-layout";
 export { default as MicroLayout } from "./layouts/micro-layout";
 export { default as SimpleLayout } from "./layouts/simple-layout";
 export { default as Breadcrumb } from "./layouts/breadcrumb";
+export { default as RouteBreadcrumb } from "./layouts/route-breadcrumb";
 export { default as useBatchOperator } from "./hooks/use-batch-operator";
 export { default as useHistoryBlock } from "./hooks/use-history-block";
 export { TabInstance } from "./layouts/tab-instance";

package/es/layouts/basic-layout/components/main.js

@@ -355,7 +355,8 @@ export default function Main(props) {
           match: tab.match,
           index: index,
           location: tab.location,
-          pathAuthorities: pathAuthorities
+          pathAuthorities: pathAuthorities,
+          title: tab.title
         })
       }, key);
     })

package/es/layouts/components/route-tab.d.ts

@@ -13,12 +13,14 @@ interface Props {
     authorities?: Set<string | number> | null;
     pathAuthorities?: Map<string, string | number | (string | number)[]>;
     instance?: TabInstance;
+    title: string;
 }
 export declare const RouteTabContext: React.Context<{
     route: IRoute;
     match: match;
     routerBase?: string | undefined;
     instance?: TabInstance | undefined;
+    title: string;
 }>;
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/es/layouts/components/route-tab.js

@@ -13,13 +13,15 @@ export default /*#__PURE__*/memo(function RouteTab(props) {
     authorities = props.authorities,
     pathAuthorities = props.pathAuthorities,
     instance = props.instance,
-    routerBase = props.routerBase;
+    routerBase = props.routerBase,
+    title = props.title;
   var ctx = useMemo(function () {
     return {
       match: match,
       route: route,
       instance: instance,
-      routerBase: routerBase
+      routerBase: routerBase,
+      title: title
     };
   }, [route]);
   return /*#__PURE__*/_jsx(RouterContext.Provider, {

package/es/layouts/index.d.ts

@@ -2,4 +2,5 @@ export { default as BasicLayout } from './basic-layout';
 export { default as BlankLayout } from './blank-layout';
 export { default as MicroLayout } from './micro-layout';
 export { default as Breadcrumb } from './breadcrumb';
+export { default as RouteBreadcrumb } from './route-breadcrumb';
 export { default as SimpleLayout } from './simple-layout';

package/es/layouts/index.js

@@ -2,4 +2,5 @@ export { default as BasicLayout } from "./basic-layout";
 export { default as BlankLayout } from "./blank-layout";
 export { default as MicroLayout } from "./micro-layout";
 export { default as Breadcrumb } from "./breadcrumb";
+export { default as RouteBreadcrumb } from "./route-breadcrumb";
 export { default as SimpleLayout } from "./simple-layout";

package/es/layouts/micro-layout/index.js

@@ -148,7 +148,8 @@ function MicroLayout(props) {
             route: route,
             location: tab.location,
             match: tab.match,
-            instance: tab.instance
+            instance: tab.instance,
+            title: tab.title
           })
         })
       }, (_tab$key = tab.key) !== null && _tab$key !== void 0 ? _tab$key : tab.rootPath);

package/es/layouts/route-breadcrumb.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function RouteBreadcrumb(): JSX.Element;
+export default RouteBreadcrumb;

package/es/layouts/route-breadcrumb.js

@@ -0,0 +1,85 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext, useMemo } from 'react';
+import { Link, matchPath, useRouteMatch } from 'react-router-dom';
+import { RouteTabContext } from "./components/route-tab";
+import { Icons, PREFIX_CLS, useLocaleReceiver, Breadcrumb } from '@lemon-fe/components';
+import { uniqBy } from 'lodash';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function RouteBreadcrumb() {
+  var _useRouteMatch = useRouteMatch(),
+    path = _useRouteMatch.path,
+    url = _useRouteMatch.url;
+  var _useContext = useContext(RouteTabContext),
+    route = _useContext.route,
+    title = _useContext.title;
+  var _useLocaleReceiver = useLocaleReceiver('Common'),
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    backText = _useLocaleReceiver2[0].backText;
+  var items = useMemo(function () {
+    var pathSet = new Set();
+    path.replace(/^\//, '').split(/\//).reduce(function (prev, item) {
+      var next = prev + '/' + item;
+      pathSet.add(next);
+      return next;
+    }, '');
+    var nodes = [];
+    var traverse = function traverse(routes) {
+      for (var i = 0; i < routes.length; i++) {
+        var curr = routes[i];
+        if (curr.title === undefined) {
+          continue;
+        }
+        var matched = matchPath(url, {
+          strict: curr.strict,
+          sensitive: curr.sensitive,
+          path: curr.path,
+          exact: curr.exact
+        });
+        if (matched !== null) {
+          if (pathSet.has(matched.path)) {
+            nodes.push({
+              title: curr.path === route.path ? title : curr.title,
+              url: matched.url
+            });
+          }
+          if (!matched.isExact) {
+            if (curr.routes !== undefined) {
+              traverse(curr.routes);
+              break;
+            }
+          } else {
+            break;
+          }
+        }
+      }
+    };
+    traverse([route]);
+    return uniqBy(nodes, 'title');
+  }, []);
+  return /*#__PURE__*/_jsxs(Breadcrumb, {
+    style: {
+      fontWeight: 'normal'
+    },
+    children: [items.length > 1 ? /*#__PURE__*/_jsxs(Breadcrumb.Item, {
+      className: "".concat(PREFIX_CLS, "-breadcrumb-back"),
+      children: [/*#__PURE__*/_jsx(Icons.Down, {}), /*#__PURE__*/_jsx(Link, {
+        to: items[items.length - 2].url,
+        children: backText
+      })]
+    }) : null, items.map(function (item, index) {
+      return /*#__PURE__*/_jsx(Breadcrumb.Item, {
+        children: item.url && index < items.length - 1 ? /*#__PURE__*/_jsx(Link, {
+          to: item.url,
+          children: item.title
+        }) : item.title
+      }, item.url);
+    })]
+  });
+}
+export default RouteBreadcrumb;

package/es/layouts/simple-layout/index.js

@@ -138,7 +138,8 @@ function SimpleLayout(props) {
             route: route,
             location: tab.location,
             match: tab.match,
-            instance: tab.instance
+            instance: tab.instance,
+            title: tab.title
           })
         })
       }, (_tab$key = tab.key) !== null && _tab$key !== void 0 ? _tab$key : tab.rootPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.3.0-alpha.1",
+  "version": "1.3.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -24,9 +24,9 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@lemon-fe/components": "^1.3.0-alpha.1",
-    "@lemon-fe/hooks": "^1.3.0-alpha.1",
-    "@lemon-fe/utils": "^1.3.0-alpha.1",
+    "@lemon-fe/components": "^1.3.1",
+    "@lemon-fe/hooks": "^1.3.0",
+    "@lemon-fe/utils": "^1.3.0",
     "ag-grid-community": "29.2.0",
     "antd": "4.24.8",
     "classnames": "^2.2.6",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "52760c0efff162a4398a447c2f8c942618e100ed"
+  "gitHead": "dfdd62a5ff92ae105fadbd0edade32f77c04860d"
 }