@lobehub/ui 1.120.3 → 1.120.5

package/es/EditableMessage/index.js

@@ -26,8 +26,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref2) {
     editing = _ref2.editing,
     openModal = _ref2.openModal,
     onOpenChange = _ref2.onOpenChange,
-    _ref2$placeholder = _ref2.placeholder,
-    placeholder = _ref2$placeholder === void 0 ? 'Type something...' : _ref2$placeholder,
+    placeholder = _ref2.placeholder,
     _ref2$showEditWhenEmp = _ref2.showEditWhenEmpty,
     showEditWhenEmpty = _ref2$showEditWhenEmp === void 0 ? false : _ref2$showEditWhenEmp,
     stylesProps = _ref2.styles,
@@ -86,7 +85,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref2) {
         overflowX: 'hidden',
         overflowY: 'auto'
       }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
-      children: value || placeholder
+      children: value || placeholder || ''
     }), /*#__PURE__*/_jsx(MessageModal, {
       editing: isEdit,
       extra: model === null || model === void 0 ? void 0 : model.extra,

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/MessageInput/index.js

@@ -22,8 +22,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     renderButtons = _ref.renderButtons,
     textareaStyle = _ref.textareaStyle,
     textareaClassname = _ref.textareaClassname,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Type something...' : _ref$placeholder,
+    placeholder = _ref.placeholder,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 'auto' : _ref$height,
     style = _ref.style,

package/package.json

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