refactor: hide crop

dream-num · Jun 19, 2024 · 028e560 · 028e560
1 parent f050157
commit 028e560
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 20 deletions.
diff --git a/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingPanel.tsx b/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingPanel.tsx
@@ -41,11 +41,12 @@ export const DocDrawingPanel = () => {
         return () => {
             focusDispose.unsubscribe();
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     return (
         <div className={styles.imageCommonPanel}>
-            <DrawingCommonPanel drawings={drawings} />
+            <DrawingCommonPanel drawings={drawings} hasAlign={false} hasCropper={false} hasGroup={false} />
             <DocDrawingTextWrap drawings={drawings} />
             <DocDrawingPosition drawings={drawings} />
         </div>

diff --git a/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingPosition.tsx b/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingPosition.tsx
@@ -86,18 +86,16 @@ export const DocDrawingPosition = (props: IDocDrawingPositionProps) => {
     }];
 
     const [disabled, setDisabled] = useState(true);
-
     const [hPosition, setHPosition] = useState<IObjectPositionH>({
         relativeFrom: ObjectRelativeFromH.PAGE,
         posOffset: 0,
     });
-
     const [vPosition, setVPosition] = useState<IObjectPositionV>({
         relativeFrom: ObjectRelativeFromV.PAGE,
         posOffset: 0,
     });
-
     const [followTextMove, setFollowTextMove] = useState(true);
+    const [showPanel, setShowPanel] = useState(true);
 
     function handlePositionChange(direction: 'positionH' | 'positionV', value: IObjectPositionH | IObjectPositionV) {
         if (direction === 'positionH') {
@@ -293,8 +291,6 @@ export const DocDrawingPosition = (props: IDocDrawingPositionProps) => {
         handleVerticalRelativeFromChange(val ? String(ObjectRelativeFromV.PARAGRAPH) : String(ObjectRelativeFromV.PAGE));
     }
 
-    const [showPanel, setShowPanel] = useState(true);
-
     useEffect(() => {
         // Get the init focus drawing position.
         updateFocusDrawingState();

diff --git a/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingTextWrap.tsx b/packages/docs-drawing-ui/src/views/doc-image-panel/DocDrawingTextWrap.tsx
@@ -50,7 +50,7 @@ export const DocDrawingTextWrap = (props: IDocDrawingTextWrapProps) => {
     const drawingParam = drawings[0] as IDocDrawing;
 
     if (drawingParam == null) {
-        return;
+        return null;
     }
 
     const { unitId } = drawingParam;
@@ -60,14 +60,21 @@ export const DocDrawingTextWrap = (props: IDocDrawingTextWrapProps) => {
     const renderObject = renderManagerService.getRenderById(unitId);
     const scene = renderObject?.scene;
     if (scene == null) {
-        return;
+        return null;
     }
 
     const [disableWrapText, setDisableWrapText] = useState(true);
     const [disableDistTB, setDisableDistTB] = useState(true);
     const [disableDistLR, setDisableDistLR] = useState(true);
-
     const [wrappingStyle, setWrappingStyle] = useState(TextWrappingStyle.INLINE);
+    const [wrapText, setWrapText] = useState('');
+    const [distToText, setDistToText] = useState<IDistToText>({
+        distT: 0,
+        distL: 0,
+        distB: 0,
+        distR: 0,
+    });
+    const [showPanel, setShowPanel] = useState(true);
 
     function handleWrappingStyleChange(value: number | string | boolean) {
         setWrappingStyle(value as TextWrappingStyle);
@@ -93,8 +100,6 @@ export const DocDrawingTextWrap = (props: IDocDrawingTextWrapProps) => {
         });
     }
 
-    const [wrapText, setWrapText] = useState('');
-
     function handleWrapTextChange(value: number | string | boolean) {
         setWrapText(value as string);
 
@@ -119,13 +124,6 @@ export const DocDrawingTextWrap = (props: IDocDrawingTextWrapProps) => {
         });
     }
 
-    const [distToText, setDistToText] = useState<IDistToText>({
-        distT: 0,
-        distL: 0,
-        distB: 0,
-        distR: 0,
-    });
-
     function handleDistToTextChange(value: Nullable<number>, direction: keyof IDistToText) {
         if (value == null) {
             return;
@@ -233,8 +231,6 @@ export const DocDrawingTextWrap = (props: IDocDrawingTextWrapProps) => {
         }
     }
 
-    const [showPanel, setShowPanel] = useState(true);
-
     useEffect(() => {
         updateFocusDrawingState();
 

diff --git a/packages/drawing-ui/src/views/panel/DrawingCommonPanel.tsx b/packages/drawing-ui/src/views/panel/DrawingCommonPanel.tsx
@@ -127,6 +127,7 @@ export const DrawingCommonPanel = (props: IDrawingCommonPanelProps) => {
             onClearControlObserver?.dispose();
             onFocusObserver?.unsubscribe();
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     return (