@lobehub/ui 1.137.5 → 1.137.6

package/es/LogoThree/LogoSpline.d.ts

@@ -2,9 +2,9 @@ import { type SplineProps } from '@splinetool/react-spline';
 import { CSSProperties } from 'react';
 export interface LogoSplineProps extends Partial<SplineProps> {
     className?: string;
-    height?: number;
+    height?: number | string;
     style?: CSSProperties;
-    width?: number;
+    width?: number | string;
 }
 declare const LogoSpline: import("react").NamedExoticComponent<LogoSplineProps>;
 export default LogoSpline;

package/es/LogoThree/LogoSpline.js

@@ -7,10 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import Spline from '@splinetool/react-spline';
 import { useThemeMode } from 'antd-style';
 import { memo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import { useCdnFn } from "../ConfigProvider";
-import Img from "../Img";
-import { LOGO_3D } from "../Logo/style";
+import Loading from "./Loading";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var LIGHT = 'https://gw.alipayobjects.com/os/kitchen/J9jiHITGrs/scene.splinecode';
@@ -18,49 +15,29 @@ var DARK = 'https://gw.alipayobjects.com/os/kitchen/CzQKKvSE8a/scene.splinecode'
 var LogoSpline = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     style = _ref.style,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 640 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 400 : _ref$height,
+    width = _ref.width,
+    height = _ref.height,
     _onLoad = _ref.onLoad,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var genCdnUrl = useCdnFn();
   var _useThemeMode = useThemeMode(),
     isDarkMode = _useThemeMode.isDarkMode;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    align: 'center',
+  return /*#__PURE__*/_jsxs("div", {
     className: className,
-    flex: 'none',
-    justify: 'center',
     style: _objectSpread({
       height: height,
-      overflow: 'hidden',
       position: 'relative',
       width: width
     }, style),
-    children: [loading && /*#__PURE__*/_jsx(Img, {
-      alt: 'logo',
-      height: height * 0.5,
-      src: genCdnUrl(LOGO_3D),
-      style: {
-        position: 'absolute'
-      },
-      width: height * 0.5
-    }), /*#__PURE__*/_jsx(Spline, _objectSpread({
+    children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, _objectSpread({
       onLoad: function onLoad(splineApp) {
         setLoading(false);
         _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
       },
-      scene: isDarkMode ? DARK : LIGHT,
-      style: {
-        flex: 'none',
-        height: height,
-        width: width
-      }
+      scene: isDarkMode ? DARK : LIGHT
     }, rest))]
   });
 });

package/package.json

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