feat:fix transform and layoutcontainer conflict

demo/src/ListDemo.ts

@@ -1,6 +1,5 @@
 import { Group, Panel, List, text, gravity, Color, Stack, LayoutSpec, list, NativeCall, listItem, log, vlayout, Gravity, hlayout, Text, refreshable, Refreshable, ListItem } from "doric";
 import { rotatedArrow, colors } from "./utils";
-import { isObject } from "util";
 @Entry
 class ListPanel extends Panel {
     build(rootView: Group): void {

demo/src/RefreshableDemo.ts

@@ -20,18 +20,21 @@ class RefreshableDemo extends Panel {
                         width: 30,
                         height: 30,
                         imageBase64: icon_refresh,
-                    }).also(v => refreshImage = v),
-                ]), {
-                startAnimation: () => {
-                    log('startAnimation')
-                },
-                stopAnimation: () => {
-                    log('stopAnimation')
-                },
-                setProgressRotation: (rotation: number) => {
-                    refreshImage.setRotation(context, rotation)
-                },
-            }),
+                    }).also(v => {
+                        refreshImage = v
+                    }),
+                ]),
+                {
+                    startAnimation: () => {
+                        log('startAnimation')
+                    },
+                    stopAnimation: () => {
+                        log('stopAnimation')
+                    },
+                    setProgressRotation: (rotation: number) => {
+                        refreshImage.setRotation(context, rotation)
+                    },
+                }),
             content: scroller(vlayout([
                 title("Refreshable Demo"),
                 label('start Refresh').apply({