feat: add hasChildren parameter for DroppableWidget (#219)

alibaba · Feb 16, 2022 · d04cf3a · d04cf3a
1 parent 3b3f5c3
commit d04cf3a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/formily/antd/src/components/ArrayCards/preview.tsx b/formily/antd/src/components/ArrayCards/preview.tsx
@@ -135,7 +135,7 @@ export const ArrayCards: DnFC<CardProps> = observer((props) => {
                   <TreeNodeWidget key={node.id} node={node} />
                 ))
               ) : (
-                <DroppableWidget />
+                <DroppableWidget hasChildren={false} />
               )}
             </div>
           </Card>

diff --git a/packages/react/src/widgets/DroppableWidget/index.tsx b/packages/react/src/widgets/DroppableWidget/index.tsx
@@ -16,14 +16,24 @@ export interface IDroppableWidgetProps {
   height?: number
   style?: React.CSSProperties
   className?: string
+  hasChildren?: boolean
 }
 
 export const DroppableWidget: React.FC<IDroppableWidgetProps> = observer(
-  ({ node, actions, height, placeholder, style, className, ...props }) => {
+  ({
+    node,
+    actions,
+    height,
+    placeholder,
+    style,
+    className,
+    hasChildren: hasChildrenProp,
+    ...props
+  }) => {
     const currentNode = useTreeNode()
     const nodeId = useNodeIdProps(node)
     const target = node ?? currentNode
-    const hasChildren = target.children?.length > 0
+    const hasChildren = hasChildrenProp ?? target.children?.length > 0
     return (
       <div {...nodeId} className={className} style={style}>
         {hasChildren ? (