Web:Common:Components:MediaViewer:Sub-Components Fixed the zoom value in the toolbar
This commit is contained in:
parent
b341ddfb62
commit
ff18523e43
@ -73,7 +73,7 @@ function ImageViewer({
|
||||
height: 0,
|
||||
x: 0,
|
||||
y: 0,
|
||||
scale: 5,
|
||||
scale: 1,
|
||||
rotate: 0,
|
||||
opacity: 1,
|
||||
}));
|
||||
@ -957,6 +957,7 @@ function ImageViewer({
|
||||
<ImageViewerToolbar
|
||||
ref={toolbarRef}
|
||||
toolbar={toolbar}
|
||||
percentValue={style.scale.get()}
|
||||
generateContextMenu={generateContextMenu}
|
||||
setIsOpenContextMenu={setIsOpenContextMenu}
|
||||
toolbarEvent={toolbarEvent}
|
||||
|
@ -8,6 +8,7 @@ interface ImageViewerToolbarProps {
|
||||
right?: string,
|
||||
bottom?: string
|
||||
) => JSX.Element;
|
||||
percentValue: number;
|
||||
setIsOpenContextMenu: Dispatch<SetStateAction<boolean>>;
|
||||
toolbarEvent: (item: ToolbarItemType) => void;
|
||||
}
|
||||
|
@ -21,6 +21,7 @@ import MediaContextMenu from "PUBLIC_DIR/images/vertical-dots.react.svg";
|
||||
function ImageViewerToolbar(
|
||||
{
|
||||
toolbar,
|
||||
percentValue,
|
||||
toolbarEvent,
|
||||
generateContextMenu,
|
||||
setIsOpenContextMenu,
|
||||
@ -28,7 +29,9 @@ function ImageViewerToolbar(
|
||||
ref: ForwardedRef<ImperativeHandle>
|
||||
) {
|
||||
const [isOpen, setIsOpen] = useState<boolean>(false);
|
||||
const [percent, setPercent] = useState<number>(100);
|
||||
const [percent, setPercent] = useState<number>(() =>
|
||||
Math.round(percentValue * 100)
|
||||
);
|
||||
|
||||
useImperativeHandle(
|
||||
ref,
|
||||
|
Loading…
Reference in New Issue
Block a user