@bbki.ng/components 1.4.3 → 1.4.7

package/dist/index.d.ts

@@ -1,89 +1,89 @@
 import React, { EventHandler } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 
-declare type ArticleProps = {
-    title: string;
-    className?: string;
-    content?: any;
-    children: any;
-};
+declare type ArticleProps = {
+    title: string;
+    className?: string;
+    content?: any;
+    children: any;
+};
 declare const Article: (props: ArticleProps) => JSX.Element;
 
-declare enum ButtonType {
-    DANGER = "danger",
-    PRIMARY = "primary",
-    NORMAL = "normal",
-    DISABLED = "disabled"
-}
-interface ButtonProps {
-    className?: string;
-    children: React.ReactNode;
-    type?: ButtonType;
-    onClick: EventHandler<React.MouseEvent<HTMLButtonElement>>;
-}
-declare function Button(props: ButtonProps): JSX.Element;
-declare namespace Button {
-    var displayName: string;
+declare enum ButtonType {
+    DANGER = "danger",
+    PRIMARY = "primary",
+    NORMAL = "normal",
+    DISABLED = "disabled"
+}
+interface ButtonProps {
+    className?: string;
+    children: React.ReactNode;
+    type?: ButtonType;
+    onClick: EventHandler<React.MouseEvent<HTMLButtonElement>>;
+}
+declare function Button(props: ButtonProps): JSX.Element;
+declare namespace Button {
+    var displayName: string;
 }
 
-declare type LogoProps = {
-    className?: string;
-};
+declare type LogoProps = {
+    className?: string;
+};
 declare const Logo: (props: LogoProps) => JSX.Element;
 
-declare type PathObj = {
-    path?: string;
-    name: string;
-};
-declare type BreadcrumbProps = {
-    paths: PathObj[];
-};
+declare type PathObj = {
+    path?: string;
+    name: string;
+};
+declare type BreadcrumbProps = {
+    paths: PathObj[];
+};
 declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
 
-declare type NavProps = {
-    paths: PathObj[];
-    className?: string;
-};
+declare type NavProps = {
+    paths: PathObj[];
+    className?: string;
+};
 declare const Nav: (props: NavProps) => JSX.Element;
 
-declare enum LinkColor {
-    BLUE = "blue",
-    RED = "red",
-    GRAY = "gray"
-}
-interface LinkProps extends LinkProps$1 {
-    color?: LinkColor;
-    className?: string;
-    external?: boolean;
-    to: string;
-    children: any;
-}
+declare enum LinkColor {
+    BLUE = "blue",
+    RED = "red",
+    GRAY = "gray"
+}
+interface LinkProps extends LinkProps$1 {
+    color?: LinkColor;
+    className?: string;
+    external?: boolean;
+    to: string;
+    children: any;
+}
 declare const Link: (props: LinkProps) => JSX.Element;
 
-interface TagProps extends Pick<LinkProps, "to" | "children" | "className"> {
-    name?: string;
-}
-declare const Tag: (props: TagProps) => JSX.Element;
-declare const Tags: (props: {
-    tags: TagProps[];
-    className?: string;
+interface TagProps extends Pick<LinkProps, "to" | "children" | "className"> {
+    name?: string;
+}
+declare const Tag: (props: TagProps) => JSX.Element;
+declare const Tags: (props: {
+    tags: TagProps[];
+    className?: string;
 }) => JSX.Element;
 
-declare type PanelProps = {
-    width?: number;
-    children: any;
-    className?: string;
-};
+declare type PanelProps = {
+    width?: number;
+    children: any;
+    className?: string;
+};
 declare const Panel: (props: PanelProps) => JSX.Element;
 
-declare type PopConfirmProps = {
-    onOk?: EventHandler<React.MouseEvent<HTMLButtonElement>>;
-    onCancel?: EventHandler<React.MouseEvent<HTMLButtonElement>>;
-    className?: string;
-    content?: any;
-    children?: any;
-    width?: number;
-};
+declare type PopConfirmProps = {
+    onOk?: EventHandler<React.MouseEvent<HTMLButtonElement>>;
+    onCancel?: EventHandler<React.MouseEvent<HTMLButtonElement>>;
+    className?: string;
+    content?: any;
+    children?: any;
+    width?: number;
+};
 declare const PopConfirm: (props: PopConfirmProps) => JSX.Element;
 
 export { Article, ArticleProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, Link, LinkColor, LinkProps, Logo, LogoProps, Nav, NavProps, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Tag, TagProps, Tags };

package/dist/index.js

@@ -150,6 +150,7 @@ var import_react5 = __toESM(require("react"));
 
 // src/breadcrumb/Breadcrumb.tsx
 var import_react4 = __toESM(require("react"));
+var import_classnames3 = __toESM(require("classnames"));
 
 // src/link/Link.tsx
 var import_classnames2 = __toESM(require("classnames"));
@@ -204,10 +205,12 @@ var Breadcrumb = (props) => {
     const slash = index === 0 ? null : /* @__PURE__ */ import_react4.default.createElement("span", {
       className: "text-gray-400"
     }, "/");
+    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
     }, name) : /* @__PURE__ */ import_react4.default.createElement("span", {
-      className: "text-gray-400"
+      className: (0, import_classnames3.default)("text-gray-400", offsetCls)
     }, name);
     return /* @__PURE__ */ import_react4.default.createElement("span", {
       key: path || name
@@ -230,7 +233,7 @@ var Nav = (props) => {
 };
 
 // src/tag/Tag.tsx
-var import_classnames3 = __toESM(require("classnames"));
+var import_classnames4 = __toESM(require("classnames"));
 var import_react6 = __toESM(require("react"));
 var Tag = (props) => {
   return /* @__PURE__ */ import_react6.default.createElement(Link, __spreadProps(__spreadValues({}, props), {
@@ -240,12 +243,12 @@ var Tag = (props) => {
 var Tags = (props) => {
   const { tags, className } = props;
   return /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: (0, import_classnames3.default)(className, "inline-block")
+    className: (0, import_classnames4.default)(className, "inline-block")
   }, tags.map((tag, index) => {
     const isLast = index === tags.length - 1;
     return /* @__PURE__ */ import_react6.default.createElement(Tag, __spreadProps(__spreadValues({}, tag), {
       key: tag.to,
-      className: (0, import_classnames3.default)({ "mr-8": !isLast })
+      className: (0, import_classnames4.default)({ "mr-8": !isLast })
     }));
   }));
 };

package/dist/index.mjs

@@ -108,6 +108,7 @@ import React6 from "react";
 
 // src/breadcrumb/Breadcrumb.tsx
 import React5 from "react";
+import classNames3 from "classnames";
 
 // src/link/Link.tsx
 import classNames2 from "classnames";
@@ -162,10 +163,12 @@ var Breadcrumb = (props) => {
     const slash = index === 0 ? null : /* @__PURE__ */ React5.createElement("span", {
       className: "text-gray-400"
     }, "/");
+    const isNonEnName = !/^[a-zA-Z~]+$/.test(name);
+    const offsetCls = classNames3({ "relative top-[2px]": isNonEnName });
     const link = path ? /* @__PURE__ */ React5.createElement(Link, {
       to: path
     }, name) : /* @__PURE__ */ React5.createElement("span", {
-      className: "text-gray-400"
+      className: classNames3("text-gray-400", offsetCls)
     }, name);
     return /* @__PURE__ */ React5.createElement("span", {
       key: path || name
@@ -188,7 +191,7 @@ var Nav = (props) => {
 };
 
 // src/tag/Tag.tsx
-import classNames3 from "classnames";
+import classNames4 from "classnames";
 import React7 from "react";
 var Tag = (props) => {
   return /* @__PURE__ */ React7.createElement(Link, __spreadProps(__spreadValues({}, props), {
@@ -198,12 +201,12 @@ var Tag = (props) => {
 var Tags = (props) => {
   const { tags, className } = props;
   return /* @__PURE__ */ React7.createElement("div", {
-    className: classNames3(className, "inline-block")
+    className: classNames4(className, "inline-block")
   }, tags.map((tag, index) => {
     const isLast = index === tags.length - 1;
     return /* @__PURE__ */ React7.createElement(Tag, __spreadProps(__spreadValues({}, tag), {
       key: tag.to,
-      className: classNames3({ "mr-8": !isLast })
+      className: classNames4({ "mr-8": !isLast })
     }));
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "1.4.3",
+  "version": "1.4.7",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -32,7 +32,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
+  "peerDependencies": {
     "classnames": "^2.3.1",
     "react-router-dom": "5.3.0"
   }

package/CHANGELOG.md

@@ -1,15 +0,0 @@
-# @bbki.ng/components
-
-## 1.4.3
-
-## 1.4.2
-
-## 1.4.1
-
-## 1.4.0
-
-## 1.3.1
-
-## 1.3.0
-
-## 1.2.0