@lobehub/ui 1.138.4 → 1.138.6

package/es/Avatar/index.js

@@ -49,8 +49,9 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
   }, rest);
   return isDefaultAntAvatar ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
     src: typeof avatar === 'string' ? /*#__PURE__*/_jsx(Img, {
-      alt: title,
+      alt: avatarProps.alt || title,
       height: size,
+      loading: 'lazy',
       src: avatar,
       width: size
     }) : avatar

package/es/FluentEmoji/index.js

@@ -77,6 +77,7 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
     children: /*#__PURE__*/_jsx(Img, {
       alt: emoji,
       height: size,
+      loading: 'lazy',
       onError: function onError() {
         return setLoadingFail(true);
       },

package/es/SearchBar/index.d.ts

@@ -7,6 +7,7 @@ export interface SearchBarProps extends InputProps {
      * @default false
      */
     enableShortKey?: boolean;
+    loading?: boolean;
     onInputChange?: (value: string) => void;
     /**
      * @description The shortcut key to focus on the input. Only works if `enableShortKey` is true

package/es/SearchBar/index.js

@@ -3,8 +3,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["defaultValue", "spotlight", "className", "value", "onInputChange", "placeholder", "enableShortKey", "shortKey"];
-import { Search } from 'lucide-react';
+var _excluded = ["defaultValue", "spotlight", "className", "value", "onInputChange", "placeholder", "enableShortKey", "shortKey", "loading"];
+import { LucideLoader2, Search } from 'lucide-react';
 import { memo, useEffect, useRef, useState } from 'react';
 import useControlledState from 'use-merge-value';
 import Icon from "../Icon";
@@ -24,6 +24,7 @@ var SearchBar = /*#__PURE__*/memo(function (_ref) {
     enableShortKey = _ref.enableShortKey,
     _ref$shortKey = _ref.shortKey,
     shortKey = _ref$shortKey === void 0 ? 'f' : _ref$shortKey,
+    loading = _ref.loading,
     properties = _objectWithoutProperties(_ref, _excluded);
   var _useControlledState = useControlledState(defaultValue, {
       defaultValue: defaultValue,
@@ -82,8 +83,9 @@ var SearchBar = /*#__PURE__*/memo(function (_ref) {
       placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Type keywords...',
       prefix: /*#__PURE__*/_jsx(Icon, {
         className: styles.icon,
-        icon: Search,
+        icon: loading ? LucideLoader2 : Search,
         size: "small",
+        spin: loading,
         style: {
           marginRight: 4
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.138.4",
+  "version": "1.138.6",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -88,7 +88,7 @@
     "@react-spring/web": "^9.7.3",
     "@shikijs/transformers": "^1.3.0",
     "@splinetool/react-spline": "^2.2.6",
-    "@splinetool/runtime": "^0.9.526",
+    "@splinetool/runtime": "^1.1.2",
     "ahooks": "^3.7.11",
     "chroma-js": "^2.4.2",
     "dayjs": "^1.11.10",
@@ -124,20 +124,20 @@
     "zustand-utils": "^1.3.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.1",
+    "@commitlint/cli": "^19.2.2",
     "@lobehub/lint": "latest",
-    "@testing-library/react": "^14.3.0",
+    "@testing-library/react": "^14.3.1",
     "@types/chroma-js": "^2.4.4",
     "@types/lodash-es": "^4.17.12",
     "@types/pangu": "^4.0.2",
     "@types/query-string": "^6.3.0",
     "@types/react": "18.2.40",
-    "@types/react-dom": "^18.2.24",
+    "@types/react-dom": "^18.2.25",
     "@types/uuid": "^9.0.8",
     "@vitest/coverage-v8": "latest",
     "antd-style": "^3.6.2",
     "babel-plugin-antd-style": "latest",
-    "commitlint": "^19.2.1",
+    "commitlint": "^19.2.2",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
     "dpdm": "^3.14.0",