fix(generator): the forms in visual area and preview area are inconsi…

…stent (#152)

After setting containerstyle, the forms in visual area and preview area are inconsistent

packages/generator/src/components/Viewport/DripFormDragHoc/index.tsx

@@ -21,6 +21,7 @@ import {
 // import Placeholder from '../CustomComponents/Placeholder'
 import { useCanDrop } from '@generator/hooks'
 import DragItem from '@generator/components/LeftSideBar/DragAtom/Item'
+import { useContainerStyle } from '@jdfed/hooks'
 import ActiveTools from '../ActiveTools'
 import type { FC } from 'react'
 import type { ContainerStyle, ClosestEdge } from '@jdfed/utils'
@@ -54,6 +55,7 @@ const DripFormDragHoc: FC<Props> = memo(
     parentMode,
     isFirst,
   }) => {
+    const newContainerStyle = useContainerStyle('edit', containerStyle)
     const [ref, setRef] = useState<HTMLElement | null>(null)
     const allField = useRecoilValue(allFieldAtom)
     // 对象、数组容器为空（改变碰撞检测算法实现）
@@ -144,7 +146,7 @@ const DripFormDragHoc: FC<Props> = memo(
           )}
           onClick={onSelect}
           style={{
-            width: containerStyle?.width || '100%',
+            ...newContainerStyle,
           }}
         >
           {selectedFieldKey === fieldKey && viewportConfig.showActionBar && (