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