@lobehub/ui 1.78.0 → 1.79.0

package/es/Logo/index.js

@@ -5,6 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
 import Divider from "./Divider";
 import LogoHighContrast from "./LogoHighContrast";
 import LogoText from "./LogoText";
@@ -23,13 +24,12 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
+    styles = _useStyles.styles;
   var logoComponent;
   switch (type) {
     case '3d':
       {
-        return /*#__PURE__*/_jsx("img", _objectSpread({
+        logoComponent = /*#__PURE__*/_jsx("img", _objectSpread({
           alt: "lobehub",
           src: LOGO_3D,
           style: _objectSpread({
@@ -37,10 +37,11 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
             width: size
           }, style)
         }, props));
+        break;
       }
     case 'flat':
       {
-        return /*#__PURE__*/_jsx("img", {
+        logoComponent = /*#__PURE__*/_jsx("img", {
           alt: "lobehub",
           src: LOGO_FLAT,
           style: _objectSpread({
@@ -48,25 +49,28 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
             width: size
           }, style)
         });
+        break;
       }
     case 'high-contrast':
       {
-        return /*#__PURE__*/_jsx(LogoHighContrast, _objectSpread({
+        logoComponent = /*#__PURE__*/_jsx(LogoHighContrast, _objectSpread({
           style: _objectSpread({
             height: size,
             width: size
           }, style)
         }, props));
+        break;
       }
     case 'text':
       {
-        return /*#__PURE__*/_jsx(LogoText, _objectSpread({
+        logoComponent = /*#__PURE__*/_jsx(LogoText, _objectSpread({
           className: className,
           style: _objectSpread({
             height: size,
             width: 'auto'
           }, style)
         }, props));
+        break;
       }
     case 'combine':
       {
@@ -86,27 +90,29 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
             }
           })]
         });
+        break;
       }
   }
+  if (!extra) return logoComponent;
   var extraSize = Math.round(size / 3 * 1.9);
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    className: cx(styles.flexCenter, className),
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    align: 'center',
+    className: className,
+    horizontal: true,
     style: style
   }, props), {}, {
-    children: [logoComponent, extra && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Divider, {
-        style: {
-          color: theme.colorBorder,
-          height: extraSize,
-          width: extraSize
-        }
-      }), /*#__PURE__*/_jsx("div", {
-        className: styles.extraTitle,
-        style: {
-          fontSize: extraSize
-        },
-        children: extra
-      })]
+    children: [logoComponent, /*#__PURE__*/_jsx(Divider, {
+      style: {
+        color: theme.colorFill,
+        height: extraSize,
+        width: extraSize
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.extraTitle,
+      style: {
+        fontSize: extraSize
+      },
+      children: extra
     })]
   }));
 });

package/es/Logo/style.d.ts

@@ -2,5 +2,4 @@ export declare const LOGO_3D: string;
 export declare const LOGO_FLAT: string;
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     extraTitle: import("antd-style").SerializedStyles;
-    flexCenter: import("antd-style").SerializedStyles;
 }>;

package/es/Logo/style.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject;
 import { createStyles } from 'antd-style';
 import { genCdnUrl } from "../utils/genCdnUrl";
 export var LOGO_3D = genCdnUrl({
@@ -15,7 +15,6 @@ export var LOGO_FLAT = genCdnUrl({
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    extraTitle: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-weight: 300;\n      white-space: nowrap;\n    "]))),
-    flexCenter: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n    "])))
+    extraTitle: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-weight: 300;\n      white-space: nowrap;\n    "])))
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.78.0",
+  "version": "1.79.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",