@bbki.ng/components 1.5.13 → 1.5.16

package/dist/index.d.ts

@@ -86,7 +86,25 @@ declare type PageProps = {
 declare const Page: (props: PageProps) => JSX.Element;
 declare const NotFound: (props: {
     children?: any;
-}) => JSX.Element;
+}) => JSX.Element;
+declare const Error: (props: {
+    error: Error;
+}) => JSX.Element;
+declare class ErrorBoundary extends React.Component<{
+    children: any;
+}, {
+    error?: Error;
+    hasError: boolean;
+}> {
+    constructor(props: {
+        children: any;
+    });
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        error: Error;
+    };
+    render(): any;
+}
 
 declare type PopConfirmProps = {
     onOk?: EventHandler<React.MouseEvent<HTMLButtonElement>> | (() => Promise<void>);
@@ -128,7 +146,7 @@ interface SkeletonProps {
     bgColor?: SkeletonColor;
 }
 interface ArticleSkeletonProps extends SkeletonProps {
-    titleLength: number;
+    titleLength?: number;
     descriptionLength?: number;
     children?: any;
 }
@@ -205,4 +223,4 @@ interface NoiseCoverProps {
 }
 declare const NoiseCover: (props: NoiseCoverProps) => JSX.Element;
 
-export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, ImageDropProps, ImagePreviewerProps, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, threeColLayoutProps };
+export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, ImageDropProps, ImagePreviewerProps, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, threeColLayoutProps };

package/dist/index.js

@@ -65,6 +65,8 @@ __export(src_exports, {
   Button: () => Button,
   ButtonType: () => ButtonType,
   DropImage: () => DropImage,
+  Error: () => Error2,
+  ErrorBoundary: () => ErrorBoundary,
   Link: () => Link,
   LinkColor: () => LinkColor,
   LinkList: () => LinkList,
@@ -229,7 +231,8 @@ var Breadcrumb = (props) => {
     const isNonEnName = !/^[a-zA-Z~]+$/.test(name);
     const offsetCls = (0, import_classnames3.default)({ "relative top-[2px]": isNonEnName });
     const link = path ? /* @__PURE__ */ import_react4.default.createElement(Link, {
-      to: path
+      to: path,
+      className: offsetCls
     }, name) : /* @__PURE__ */ import_react4.default.createElement("span", {
       className: (0, import_classnames3.default)("text-gray-400", offsetCls)
     }, name);
@@ -351,6 +354,30 @@ var NotFound = (props) => {
     className: "flex justify-center items-center text-white"
   }, props.children || 404);
 };
+var Error2 = (props) => {
+  const { error } = props;
+  return /* @__PURE__ */ import_react9.default.createElement(NoiseCover, {
+    color: "#ef4444",
+    className: "flex justify-center items-center text-white"
+  }, /* @__PURE__ */ import_react9.default.createElement("code", null, error.name, ": ", error.message));
+};
+var ErrorBoundary = class extends import_react9.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  render() {
+    if (this.state.error && this.state.hasError) {
+      return /* @__PURE__ */ import_react9.default.createElement(Error2, {
+        error: this.state.error
+      });
+    }
+    return this.props.children;
+  }
+};
 
 // src/pop-confirm/PopConfirm.tsx
 var import_react11 = __toESM(require("react"));
@@ -480,7 +507,7 @@ var Skeleton = (props) => {
   });
 };
 var ArticleSkeleton = (props) => {
-  const { children, titleLength, descriptionLength } = props;
+  const { children, titleLength = 0, descriptionLength } = props;
   return /* @__PURE__ */ import_react14.default.createElement(Article, {
     title: /* @__PURE__ */ import_react14.default.createElement(Skeleton, {
       width: 36 * titleLength,
@@ -500,6 +527,12 @@ var LinkListSkeleton = (props) => {
       bgColor: "blue" /* BLUE */
     });
   };
+  if (!rest.titleLength) {
+    return /* @__PURE__ */ import_react14.default.createElement(List, {
+      items: linksLength,
+      itemRenderer: renderSkeleton
+    });
+  }
   return /* @__PURE__ */ import_react14.default.createElement(ArticleSkeleton, __spreadValues({}, rest), /* @__PURE__ */ import_react14.default.createElement(List, {
     items: linksLength,
     itemRenderer: renderSkeleton
@@ -803,6 +836,8 @@ module.exports = __toCommonJS(src_exports);
   Button,
   ButtonType,
   DropImage,
+  Error,
+  ErrorBoundary,
   Link,
   LinkColor,
   LinkList,

package/dist/index.mjs

@@ -173,7 +173,8 @@ var Breadcrumb = (props) => {
     const isNonEnName = !/^[a-zA-Z~]+$/.test(name);
     const offsetCls = classNames3({ "relative top-[2px]": isNonEnName });
     const link = path ? /* @__PURE__ */ React5.createElement(Link, {
-      to: path
+      to: path,
+      className: offsetCls
     }, name) : /* @__PURE__ */ React5.createElement("span", {
       className: classNames3("text-gray-400", offsetCls)
     }, name);
@@ -295,6 +296,30 @@ var NotFound = (props) => {
     className: "flex justify-center items-center text-white"
   }, props.children || 404);
 };
+var Error2 = (props) => {
+  const { error } = props;
+  return /* @__PURE__ */ React10.createElement(NoiseCover, {
+    color: "#ef4444",
+    className: "flex justify-center items-center text-white"
+  }, /* @__PURE__ */ React10.createElement("code", null, error.name, ": ", error.message));
+};
+var ErrorBoundary = class extends React10.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  render() {
+    if (this.state.error && this.state.hasError) {
+      return /* @__PURE__ */ React10.createElement(Error2, {
+        error: this.state.error
+      });
+    }
+    return this.props.children;
+  }
+};
 
 // src/pop-confirm/PopConfirm.tsx
 import React12, { useState as useState2 } from "react";
@@ -424,7 +449,7 @@ var Skeleton = (props) => {
   });
 };
 var ArticleSkeleton = (props) => {
-  const { children, titleLength, descriptionLength } = props;
+  const { children, titleLength = 0, descriptionLength } = props;
   return /* @__PURE__ */ React15.createElement(Article, {
     title: /* @__PURE__ */ React15.createElement(Skeleton, {
       width: 36 * titleLength,
@@ -444,6 +469,12 @@ var LinkListSkeleton = (props) => {
       bgColor: "blue" /* BLUE */
     });
   };
+  if (!rest.titleLength) {
+    return /* @__PURE__ */ React15.createElement(List, {
+      items: linksLength,
+      itemRenderer: renderSkeleton
+    });
+  }
   return /* @__PURE__ */ React15.createElement(ArticleSkeleton, __spreadValues({}, rest), /* @__PURE__ */ React15.createElement(List, {
     items: linksLength,
     itemRenderer: renderSkeleton
@@ -748,6 +779,8 @@ export {
   Button,
   ButtonType,
   DropImage,
+  Error2 as Error,
+  ErrorBoundary,
   Link,
   LinkColor,
   LinkList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "1.5.13",
+  "version": "1.5.16",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",