@lobehub/ui 1.115.0 → 1.115.1

package/es/LogoThree/Loading.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Loading: import("react").NamedExoticComponent<{
+    size?: number | undefined;
+}>;
+export default Loading;

package/es/LogoThree/Loading.js

@@ -0,0 +1,25 @@
+import { Loader2 } from 'lucide-react';
+import { memo } from 'react';
+import { Center } from 'react-layout-kit';
+import Icon from "../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Loading = /*#__PURE__*/memo(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 32 : _ref$size;
+  return /*#__PURE__*/_jsx(Center, {
+    height: '100%',
+    justify: 'center',
+    style: {
+      position: 'absolute'
+    },
+    width: '100%',
+    children: /*#__PURE__*/_jsx(Icon, {
+      icon: Loader2,
+      size: {
+        fontSize: size
+      },
+      spin: true
+    })
+  });
+});
+export default Loading;

package/es/LogoThree/LogoSpline.js

@@ -1,21 +1,47 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import Spline from '@splinetool/react-spline';
-import { memo } from 'react';
+import { useThemeMode } from 'antd-style';
+import { Suspense, lazy, memo, useState } from 'react';
+import Loading from "./Loading";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Spline = /*#__PURE__*/lazy(function () {
+  return import('@splinetool/react-spline');
+});
+var LIGHT = 'https://gw.alipayobjects.com/os/kitchen/J9jiHITGrs/scene.splinecode';
+var DARK = 'https://gw.alipayobjects.com/os/kitchen/CzQKKvSE8a/scene.splinecode';
 var LogoSpline = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     style = _ref.style,
     width = _ref.width,
     height = _ref.height;
-  return /*#__PURE__*/_jsx(Spline, {
+  var _useThemeMode = useThemeMode(),
+    isDarkMode = _useThemeMode.isDarkMode;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  return /*#__PURE__*/_jsx("div", {
     className: className,
-    scene: "https://gw.alipayobjects.com/os/kitchen/bU3%26Ge2wOa/scene.splinecode",
     style: _objectSpread({
       height: height,
+      position: 'relative',
       width: width
-    }, style)
+    }, style),
+    children: /*#__PURE__*/_jsx(Suspense, {
+      fallback: /*#__PURE__*/_jsx(Loading, {}),
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
+          onLoad: function onLoad() {
+            return setLoading(false);
+          },
+          scene: isDarkMode ? DARK : LIGHT
+        })]
+      })
+    })
   });
 });
 export default LogoSpline;

package/es/LogoThree/index.js

@@ -1,20 +1,41 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import Spline from '@splinetool/react-spline';
-import { memo } from 'react';
+import { Suspense, lazy, memo, useState } from 'react';
+import Loading from "./Loading";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Spline = /*#__PURE__*/lazy(function () {
+  return import('@splinetool/react-spline');
+});
 var LogoThree = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     style = _ref.style,
     size = _ref.size;
-  return /*#__PURE__*/_jsx(Spline, {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  return /*#__PURE__*/_jsx("div", {
     className: className,
-    scene: "https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode",
     style: _objectSpread({
       height: size,
+      position: 'relative',
       width: size
-    }, style)
+    }, style),
+    children: /*#__PURE__*/_jsx(Suspense, {
+      fallback: /*#__PURE__*/_jsx(Loading, {}),
+      children: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, {
+          onLoad: function onLoad() {
+            return setLoading(false);
+          },
+          scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode'
+        })]
+      })
+    })
   });
 });
 export default LogoThree;

package/package.json

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