feat: Sender allow customize speeching

[zombieJ]

Summary by CodeRabbit

• 新功能

  • 增加了对中文（zh-CN）和英文（en-US）语言本地化的支持，提供了语音逻辑自定义的功能描述。
  • 引入了新的 Demo 组件，支持语音录制和通知功能。
  • 新增了 readOnly 属性，允许设置输入框为只读状态。

• 文档

  • 更新了 Sender 组件的文档，增加了自定义语音输入的示例。
  • 修改了 allowSpeech 属性的类型，支持更复杂的配置选项。

• 改进

  • 增强了语音识别功能的灵活性，支持受控与非受控模式的操作。

[coderabbitai]

📝 Walkthrough

📝 Walkthrough

Walkthrough

此次更改引入了多个文件的更新，主要集中在语音识别功能的增强和文档的本地化支持。speech-custom.md 文件中新增了中文和英文的自定义语音逻辑部分，speech-custom.tsx 文件中添加了一个新的 React 组件以管理语音录制状态。文档文件 index.en-US.md 和 index.zh-CN.md 更新了 Sender 组件的示例和属性类型，增强了语音输入功能的灵活性。此外，useSpeech.ts 文件中引入了新的类型定义和逻辑，以支持受控和非受控的语音录制模式。

Changes

文件路径	更改摘要
components/sender/demo/speech-custom.md	新增中文（zh-CN）和英文（en-US）部分，描述自定义语音逻辑的功能。
components/sender/demo/speech-custom.tsx	新增 Demo 组件，管理语音录制状态，配置 Sender 组件的 allowSpeech 属性，并导出默认组件。
components/sender/index.en-US.md	更新 Sender 组件文档，新增自定义语音输入示例，更新 allowSpeech 属性类型为 `boolean
components/sender/index.tsx	更新 Sender 组件，修改 allowSpeech 属性类型为 AllowSpeech，更新 useSpeech 钩子的调用逻辑。
components/sender/index.zh-CN.md	更新 Sender 组件文档，新增自定义语音输入示例，更新 allowSpeech 属性类型为 `boolean
components/sender/useSpeech.ts	新增 ControlledSpeechConfig 和 AllowSpeech 类型，更新 useSpeech 钩子的签名以支持新的语音录制逻辑和状态管理。
components/sender/tests/index.test.tsx	新增测试用例，验证 Sender 组件的 readOnly 属性功能。
components/sender/demo/basic.tsx	更新 Sender 组件，新增 readOnly 属性以指示不允许用户输入。

Poem

在兔子洞里，语音新生，
录音功能，真是精彩纷呈。
中英文文档，齐齐更新，
语音识别，兔子乐无穷！
跳跃的音符，随风而行，
让我们一起，欢庆这变化的春！ 🐰🎶

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL

📥 Commits

Reviewing files that changed from the base of the PR and between 281af84 and e627b3f.

⛔ Files ignored due to path filters (1)

• components/sender/__tests__/__snapshots__/index.test.tsx.snap is excluded by !**/*.snap

📒 Files selected for processing (5)

• components/sender/__tests__/index.test.tsx (1 hunks)
• components/sender/demo/basic.tsx (1 hunks)
• components/sender/index.en-US.md (3 hunks)
• components/sender/index.tsx (8 hunks)
• components/sender/index.zh-CN.md (3 hunks)

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• 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.

[github-actions]

[cloudflare-workers-and-pages]

Deploying ant-design-x with    Cloudflare Pages

Latest commit:	e627b3f
Status:	✅  Deploy successful!
Preview URL:	https://dfbfd01b.ant-design-x.pages.dev
Branch Preview URL:	https://speech.ant-design-x.pages.dev

View logs

[ONLY-yours]

+1 NB