fix: view collection source field (#2483)

packages/core/client/src/collection-manager/templates/components/PreviewFields.tsx

@@ -90,9 +90,11 @@ const PreviewCom = (props) => {
               }
             });
             field.value = fieldsData;
+            setTimeout(() => {
               setDataSource(fieldsData);
               form.setValuesIn('sources', data.data?.sources);
               setSourceCollections(data.data?.sources);
+            });
           }
         }).catch;
     }

packages/core/client/src/collection-manager/templates/components/PreviewTable.tsx

@@ -71,13 +71,12 @@ export const PreviewTable = (props) => {
       });
   };
   return (
-    <Spin spinning={loading}>
+    <Spin spinning={loading} key="preview">
       <div
         style={{
           marginBottom: 22,
         }}
       >
-        {previewColumns?.length > 0 && [
         <div
           className="ant-formily-item-label"
           style={{ marginTop: 24, display: 'flex', padding: '0 0 8px' }}
@@ -89,7 +88,9 @@ export const PreviewTable = (props) => {
             </span>
           </div>
           <span className="ant-formily-item-colon">:</span>
-          </div>,
+        </div>
+        {previewColumns?.length > 0 && (
+          <>
             <Table
               size={'middle'}
               pagination={false}
@@ -98,8 +99,9 @@ export const PreviewTable = (props) => {
               dataSource={previewData}
               scroll={{ x: 1000, y: 300 }}
               key={viewName}
-          />,
+            />
-        ]}
+          </>
+        )}
       </div>
     </Spin>
   );

packages/core/client/src/collection-manager/templates/view.tsx

@@ -132,6 +132,9 @@ export const view: ICollectionTemplate = {
           schema: {
             'x-component-props': '{{$form.values}}', //任意层次属性都支持表达式
           },
+          state: {
+            visible: `{{$deps[1]?.length > 0}}`,
+          },
         },
       },
     },