node-placeholder.tsx 874 B

1234567891011121314151617181920212223242526
  1. import { Skeleton } from '@douyinfe/semi-ui';
  2. export const NodePlaceholder = () => (
  3. <div className="node-placeholder" data-testid="workflow.detail.node-panel.placeholder">
  4. <Skeleton
  5. className="node-placeholder-skeleton"
  6. loading={true}
  7. active={true}
  8. placeholder={
  9. <div className="">
  10. <div className="node-placeholder-hd">
  11. <Skeleton.Avatar shape="square" className="node-placeholder-avatar" />
  12. <Skeleton.Title style={{ width: 141 }} />
  13. </div>
  14. <div className="node-placeholder-content">
  15. <div className="node-placeholder-footer">
  16. <Skeleton.Title style={{ width: 85 }} />
  17. <Skeleton.Title style={{ width: 241 }} />
  18. </div>
  19. <Skeleton.Title style={{ width: 220 }} />
  20. </div>
  21. </div>
  22. }
  23. />
  24. </div>
  25. );