feat(steps): 多端适配

[Alex-huxiyang]

🤔 这个变动的性质是？

• 新特性提交
• 功能增强
• 重构
• 代码风格优化

Summary by CodeRabbit

• 新功能

  • 新增step条目以扩展子元素的处理能力。
  • 组件“Step”和“Steps”的版本号从“2.0.0”更新至“3.0.0”。

• 样式改进

  • 对.nut-step组件的样式进行全面优化，提高了响应式设计与视觉层次。
  • 新增多个状态类以改善视觉表现。

• 文档更新

  • Demo组件中的按钮文本更改为“Next”，增强用户友好性。
  • 通过条件渲染提高组件的灵活性与用户体验。

• 其他

  • 改善了多个组件的布局与适应性，确保在不同平台上表现一致。

[coderabbitai]

Walkthrough

此次更改引入了对步骤组件的增强，主要包括在 childAdaptedArray 中新增了 'step' 字符串，以便于脚本在执行时识别和处理该组件。此外，src/config.json 文件中的 Step 和 Steps 组件的版本号从 2.0.0 升级到 3.0.0，并且对其他组件的导出可见性进行了调整，保持了整体结构不变。

Changes

文件	更改摘要
scripts/rn/copy-file.js	添加了新的 'step' 条目到 childAdaptedArray 数组中。
src/config.json	更新 "Step" 和 "Steps" 组件的版本号从 "2.0.0" 到 "3.0.0"。

Possibly related PRs

• feat(avatar): rn 适配 #2343: 此PR更新了 src/config.json 文件，增加了包括 Avatar 和 AvatarGroup 的组件版本号，与主PR中的 Step 和 Steps 版本更新相关。
• fix: 简化RN开发流程+优化同步脚本 #2458: 此PR修改了 gulpfile.js，以整合包含版本更新的 config.json 文件，相关于主PR的更改。

Suggested labels

size/XXL

Poem

🐇
在步骤的舞台上，我欢快地跳，
新功能新样式，让我乐陶陶。
点击一步步，欢笑满天飞，
感谢每一个改动，真是心花怒放！ 🌼✨

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

‼️ IMPORTANT
Auto-reply has been disabled for this repository in the CodeRabbit settings. The CodeRabbit bot will not respond to your replies unless it is explicitly tagged.

• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[coderabbitai]

Actionable comments posted: 0

🧹 Outside diff range and nitpick comments (2)

src/config.json (2)

Line range hint 1059-1078: 建议更新文档和更新日志

鉴于 Step 和 Steps 组件都进行了主要版本更新，建议更新相关文档并在更新日志中详细说明这些变更。

请确保：

1. 更新组件文档，反映 3.0.0 版本的新特性和可能的破坏性更改。
2. 在项目的 CHANGELOG.md 文件中添加这些更改的详细说明。
3. 如果有 API 变更，请更新相关的类型定义文件。

这将帮助使用这些组件的开发者了解变更并进行必要的适配。

---

Line range hint 1059-1078: 版本更新可能影响项目稳定性

Step 和 Steps 组件的版本更新反映了重要的改进，但也可能引入兼容性问题。

建议：

1. 全面测试使用这些组件的所有功能，确保兼容性。
2. 考虑提供迁移指南，帮助用户从 2.0.0 版本升级到 3.0.0 版本。
3. 在发布新版本时，使用 semver 规范，确保版本号正确反映更改的性质。
4. 考虑实施持续集成/持续部署（CI/CD）流程，自动化测试这些组件在不同场景下的表现。

这些措施将有助于确保版本更新的平稳过渡，并维护项目的整体稳定性。

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Files that changed from the base of the PR and between 5dec6bc and 478b212.

📒 Files selected for processing (2)

• scripts/rn/copy-file.js (1 hunks)
• src/config.json (2 hunks)

🧰 Additional context used

🔇 Additional comments (3)

scripts/rn/copy-file.js (1)

35-35: 批准更改，但建议进一步验证

这个更改看起来是正确的，将 'step' 添加到 childAdaptedArray 中符合增强步骤组件以支持多平台的目标。

然而，为了确保 'step' 组件的完全适配，建议运行以下脚本来验证：

请运行此脚本并检查输出，以确保 'step' 组件已完全适配多平台支持。

src/config.json (2)

Line range hint 1070-1078: Steps 组件版本更新至 3.0.0

Steps 组件的版本也已从 2.0.0 更新到 3.0.0。这同样是一个主要版本更新，可能包含破坏性更改。

请运行以下脚本以验证 Steps 组件的使用是否与新版本兼容：

#!/bin/bash
# 描述：检查 Steps 组件的使用情况，确保与 3.0.0 版本兼容

# 测试：搜索 Steps 组件的使用。预期：只有新版本的使用方式。
rg --type typescript --type javascript -e 'import.*Steps.*from' -e 'Steps.*=' -A 5

---

Line range hint 1059-1065: Step 组件版本更新至 3.0.0

Step 组件的版本已从 2.0.0 更新到 3.0.0。这是一个主要版本更新，可能包含破坏性更改。

请运行以下脚本以验证 Step 组件的使用是否与新版本兼容：