@lobehub/ui 1.120.4 → 1.120.6

package/es/Image/ImageGallery.d.ts

@@ -1,9 +1,11 @@
 import { ImageProps } from 'antd';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export interface ImageGalleryProps extends PropsWithChildren {
     enable?: boolean;
     items?: string[];
-    preview?: ImageProps['preview'];
+    preview?: ImageProps['preview'] & {
+        toolbarAddon?: ReactNode;
+    } & any;
 }
 declare const ImageGallery: import("react").NamedExoticComponent<ImageGalleryProps>;
 export default ImageGallery;

package/es/Image/ImageGallery.js

@@ -8,8 +8,7 @@ var ImageGallery = /*#__PURE__*/memo(function (_ref) {
     children = _ref.children,
     _ref$enable = _ref.enable,
     enable = _ref$enable === void 0 ? true : _ref$enable,
-    _ref$preview = _ref.preview,
-    preview = _ref$preview === void 0 ? {} : _ref$preview;
+    preview = _ref.preview;
   var mergePreivew = usePreview(preview);
   if (!enable) return children;
   return /*#__PURE__*/_jsx(PreviewGroup, {

package/es/Image/index.d.ts

@@ -6,7 +6,11 @@ export interface ImageProps extends AntImageProps {
     isLoading?: boolean;
     minSize?: number | string;
     objectFit?: 'cover' | 'contain';
+    preview?: AntImageProps['preview'] & {
+        toolbarAddon?: ReactNode;
+    } & any;
     size?: number | string;
+    toolbarAddon?: ReactNode;
 }
 declare const Image: import("react").NamedExoticComponent<ImageProps>;
 export default Image;

package/es/Image/usePreview.d.ts

@@ -1,3 +1,7 @@
 import { ImageProps } from 'antd';
-export declare const usePreview: ({ onVisibleChange, styles: previewStyle, ...rest }?: ImageProps['preview'] | any) => ImageProps['preview'];
+import { ReactNode } from 'react';
+export type PreviewOptions = any & {
+    toolbarAddon?: ReactNode;
+};
+export declare const usePreview: ({ onVisibleChange, styles: previewStyle, minScale, maxScale, toolbarAddon, ...rest }?: PreviewOptions) => ImageProps['preview'];
 export default usePreview;

package/es/Image/usePreview.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onVisibleChange", "styles"];
+var _excluded = ["onVisibleChange", "styles", "minScale", "maxScale", "toolbarAddon"];
 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 { FlipHorizontal, FlipVertical, RotateCcw, RotateCw, X, ZoomIn, ZoomOut } from 'lucide-react';
@@ -18,6 +18,11 @@ export var usePreview = function usePreview() {
     _onVisibleChange = _ref.onVisibleChange,
     _ref$styles = _ref.styles,
     previewStyle = _ref$styles === void 0 ? {} : _ref$styles,
+    _ref$minScale = _ref.minScale,
+    minScale = _ref$minScale === void 0 ? 0.32 : _ref$minScale,
+    _ref$maxScale = _ref.maxScale,
+    maxScale = _ref$maxScale === void 0 ? 32 : _ref$maxScale,
+    toolbarAddon = _ref.toolbarAddon,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39,6 +44,8 @@ export var usePreview = function usePreview() {
         children: node
       });
     },
+    maxScale: maxScale,
+    minScale: minScale,
     onVisibleChange: function onVisibleChange(e) {
       setVisible(e);
       _onVisibleChange === null || _onVisibleChange === void 0 || _onVisibleChange(e);
@@ -79,15 +86,15 @@ export var usePreview = function usePreview() {
           onClick: onRotateRight
         }), /*#__PURE__*/_jsx(ActionIcon, {
           color: '#fff',
-          disable: scale === 1,
+          disable: scale === minScale,
           icon: ZoomOut,
           onClick: onZoomOut
         }), /*#__PURE__*/_jsx(ActionIcon, {
           color: '#fff',
-          disable: scale === 50,
+          disable: scale === maxScale,
           icon: ZoomIn,
           onClick: onZoomIn
-        })]
+        }), toolbarAddon]
       });
     }
   }, rest);

package/es/SpotlightCard/index.js

@@ -13,7 +13,7 @@ import { CHILDREN_CLASSNAME, useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SpotlightCard = /*#__PURE__*/memo(function (_ref) {
   var items = _ref.items,
-    renderItem = _ref.renderItem,
+    Content = _ref.renderItem,
     className = _ref.className,
     _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? 3 : _ref$columns,
@@ -75,12 +75,11 @@ var SpotlightCard = /*#__PURE__*/memo(function (_ref) {
     }, style)
   }, rest), {}, {
     children: items.map(function (item, index) {
-      var children = renderItem(item);
       return /*#__PURE__*/_jsx(SpotlightCardItem, {
         borderRadius: borderRadius,
         className: CHILDREN_CLASSNAME,
         size: size,
-        children: children
+        children: /*#__PURE__*/_jsx(Content, _objectSpread({}, item))
       }, index);
     })
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.120.4",
+  "version": "1.120.6",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -122,7 +122,7 @@
     "@types/lodash-es": "^4",
     "@types/pangu": "^4",
     "@types/query-string": "^6",
-    "@types/react": "^18",
+    "@types/react": "18.2.40",
     "@types/react-dom": "^18",
     "@types/uuid": "^9",
     "@vitest/coverage-v8": "latest",