amis-eidtor拖拽问题求助 #21257

Activity

1. matyman

   added

   need confirm

   on Jan 13, 2026
2. github-actions

   added

   needs-triageNeeds triageNeeds triage

   on Jan 13, 2026
3. matyman commented on Jan 13, 2026

   

   matyman

   on Jan 13, 2026

   ContributorAuthor

   More actions

   
4. matyman commented on Jan 13, 2026

   

   matyman

   on Jan 13, 2026

   ContributorAuthor

   More actions

   export default ({ busType, render, body, toolbar }: IProps) = {
     const toolbarMap = useMemo(() = {
       return toolbar?.reduce((pre, cur) = {
         pre[cur.region] = cur;
         return pre;
       }, {});
     }, [body]);
   
     const topToolbar = useMemo(() = {
       return toolbar?.filter((d) = d.region === 'top');
     }, [toolbar]);
   
     const formatContent = (content) = {
       return content?.map((d) = {
         // 表单默认嵌套 panel
         if (d?.type === 'formset') {
           return {
             ...d,
             body: d?.body?.map((form: any) = {
               const { $$id, id, ...panelProps } = form?.extendProps?.panelProps ?? {};
               return {
                 type: 'custom-panel',
                 title: form?.title,
                 ...panelProps,
                 body: [
                   {
                     ...form,
                     formProps: form.name ? { ...form.formProps, id: `${busType}_${form.name}` } : form.formProps
                   }
                 ]
               };
             })
           };
         }
         // 表格默认嵌套 panel
         if (d.type === 'table') {
           return {
             type: 'custom-panel',
             showToolbar: true,
             toolbar: toolbarMap[d.id],
             ...d.panel,
             body: d
           };
         }
         // tabs默认嵌套 panel
         if (d.type === 'tabs') {
           return {
             type: 'custom-panel',
             collapsible: false,
             showPrefix: false,
             ...d.panel,
             body: {
               ...d,
               tabs: d.tabs?.map((tab) = ({
                 ...tab,
                 body: formatContent(tab.body)
               }))
             }
           };
         }
         if (d.type === 'flex') {
           return {
             ...d,
             items: d.items?.map((container) = {
               return {
                 ...container,
                 body: formatContent(container.body)
               };
             })
           };
         }
         // 文档渲染
         if (d.type === 'document' && d.panel) {
           return {
             type: 'custom-panel',
             showToolbar: true,
             toolbar: toolbarMap[d.id],
             ...d.panel,
             body: d
           };
         }
         return d;
       });
     };
   
     const renderBody = formatContent(body);
   
     /**
     * render 外层需要包裹一层容器，否则内容清空后无法显示该区域
     */
     return (
       <Layout.Flex direction="column" style={{ padding: cssVar.gap, paddingBottom: 0 }}
         <div{render('toolbar', topToolbar)}</div
         <Layout.Flex direction="column" style={{ gap: cssVar.gap, overflow: 'hidden', padding: `${cssVar.gap} 0` }}
           {render('body', renderBody)}
         </Layout.Flex
       </Layout.Flex
     );
   };