ImageViewer sfc to tsx，支持预加载，支持设置默认位置

[aaronmhl]

🤔 这个 PR 的性质是？

• 新特性提交
  支持预加载
  支持设置默认位置
• 重构
  ImageViewer sfc to tsx

🔗 相关 Issue

fix #1411

💡 需求背景和解决方案

📝 更新日志

• feat(ImageViewer): sfc 改 tsx

• feat(ImageViewer)： 支持图片预加载和设置默认位置

• 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

[github-actions]

[anlyyao]

1. import props from './props'; 下面的 props: ImagediverProps,直接简写 props
2. 流水线挂了，需要本地执行 npm run test:snap-update 更新快照，重新 push

[anlyyao]

1. import props from './props'; 下面的 props: ImagediverProps,直接简写 props
2. 流水线挂了，需要本地执行 npm run test:snap-update 更新快照，重新 push
3. 新增示例补充到 md文档，方便官网可以直接预览

[aaronmhl]

1. import props from './props'; 下面的 props: ImagediverProps,直接简写 props
2. 流水线挂了，需要本地执行 npm run test:snap-update 更新快照，重新 push

已处理。

[LoopZhou]

这里的滚动区域top和bottom的配置是center的模式，是否应该要考虑一下长图align配置start或end时的滚动区域

[aaronmhl]

1. import props from './props'; 下面的 props: ImagediverProps,直接简写 props
2. 流水线挂了，需要本地执行 npm run test:snap-update 更新快照，重新 push
3. 新增示例补充到 md文档，方便官网可以直接预览

已处理。

[anlyyao]

这里的滚动区域top和bottom的配置是center的模式，是否应该要考虑一下长图align配置start或end时的滚动区域

先合并当前版本，优化点另提 pr 处理～