guoshujing/dooring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1 from GeekQiaQia/feature/scale

Browse Source 
fix: zoom in && zoom out
This commit is contained in:
yehuozhili
2021-07-29 14:09:42 +08:00
committed by GitHub
parent aa219eac04 1b7a4557bf
commit ab0054e188
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dooringx-lib/src/components/IframeWrapperMove/index.tsx
View File

@@ -7,7 +7,7 @@
*/
import { AllHTMLAttributes, CSSProperties, PropsWithChildren, ReactNode, useRef } from 'react';
import { wrapperEvent } from './event';
import { onWheelEvent } from '../../core/scale';
import { onWheelEventIframe } from '../../core/scale';
import React from 'react';
import Ticker from './ticker';
import UserConfig from '../../config';
@@ -45,7 +45,7 @@ function ContainerWrapper(props: PropsWithChildren<ContainerWrapperProps>) {
...style,
}}
{...wrapperEvent(ref, props.config)}
{...onWheelEvent(props.config)}
{...onWheelEventIframe(props.config, scaleState)}
{...rest}
>
<div

22
packages/dooringx-lib/src/core/scale/index.ts
View File

@@ -20,16 +20,17 @@ export const onWheelEvent = (config: UserConfig) => {
}
if (e.deltaY > 0) {
scaleCancelFn();
if (scale.value < scale.maxValue) {
scale.value = scale.value + 0.1;
//往下滚缩小
if (scale.value > scale.minValue) {
scale.value = scale.value - 0.1;
store.forceUpdate();
config.refreshIframe();
}
} else {
scaleCancelFn();
//往上滚缩小
if (scale.value > scale.minValue) {
scale.value = scale.value - 0.1;
//往上滚放大
if (scale.value < scale.maxValue) {
scale.value = scale.value + 0.1;
store.forceUpdate();
config.refreshIframe();
}
@@ -80,8 +81,9 @@ export const onWheelEventIframe = (
}
if (e.deltaY > 0) {
scaleCancelFn();
if (scale.value < scale.maxValue) {
scale.value = scale.value + 0.1;
//往下滚缩小
if (scale.value > scale.minValue) {
scale.value = scale.value - 0.1;
config.sendParent({
type: 'update',
column: 'scale',
@@ -90,9 +92,9 @@ export const onWheelEventIframe = (
}
} else {
scaleCancelFn();
//往上滚缩小
if (scale.value > scale.minValue) {
scale.value = scale.value - 0.1;
//往上滚放大
if (scale.value < scale.maxValue) {
scale.value = scale.value + 0.1;
config.sendParent({
type: 'update',
column: 'scale',