feat:Add index parameter to tagRender

[EmilyyyLiu]

修改背景：ant-design/ant-design#31501

Summary by CodeRabbit

• 新功能
  • 在自定义标签属性中添加了索引支持，允许在标签渲染时跟踪和识别标签的位置。
  • 增强了多选选择器中标签渲染的灵活性，可以获取标签在列表中的具体位置。

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
select	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 6, 2025 3:08am

[coderabbitai]

Warning

There were issues while running some tools. Please review the errors and either fix the tool’s configuration or disable the tool if it’s a critical failure.

🔧 eslint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

src/BaseSelect/index.tsx

Oops! Something went wrong! :(

ESLint: 8.57.1

Error: Cannot read config file: /.eslintrc.js
Error: Cannot find module '@umijs/fabric/dist/eslint'
Require stack:

• /.eslintrc.js
• /node_modules/.pnpm/@eslint[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs
• /node_modules/.pnpm/[email protected]/node_modules/eslint/lib/cli-engine/cli-engine.js
• /node_modules/.pnpm/[email protected]/node_modules/eslint/lib/eslint/eslint.js
• /node_modules/.pnpm/[email protected]/node_modules/eslint/lib/eslint/index.js
• /node_modules/.pnpm/[email protected]/node_modules/eslint/lib/cli.js
• /node_modules/.pnpm/[email protected]/node_modules/eslint/bin/eslint.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1248:15)
  at Module._load (node:internal/modules/cjs/loader:1074:27)
  at TracingChannel.traceSync (node:diagnostics_channel:315:14)
  at wrapModuleLoad (node:internal/modules/cjs/loader:217:24)
  at Module.require (node:internal/modules/cjs/loader:1339:12)
  at require (node:internal/modules/helpers:135:16)
  at Object. (/.eslintrc.js:1:14)
  at Module._compile (node:internal/modules/cjs/loader:1546:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1691:10)
  at Module.load (node:internal/modules/cjs/loader:1317:32)

概述

演练

这个拉取请求引入了对 BaseSelect 和 MultipleSelector 组件的细微修改。在 CustomTagProps 类型中添加了一个新的 index 属性，并在 customizeRenderSelector 函数中计算并传递标签的索引。这个变更允许在渲染自定义标签时获取和使用标签的位置信息。

变更

文件	变更摘要
src/BaseSelect/index.tsx	在 CustomTagProps 类型中添加 `index: number
src/Selector/MultipleSelector.tsx	在 customizeRenderSelector 中使用 findIndex 计算并传递标签索引

诗歌

🐰 标签索引，跃然纸上
数字轻舞，位置清晰
渲染魔法，兔子微笑
代码如诗，优雅飞扬
索引之舞，悄然绽放 🎉

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fd1f076 and bba7de6.

📒 Files selected for processing (2)

• src/BaseSelect/index.tsx (1 hunks)
• src/Selector/MultipleSelector.tsx (1 hunks)

🔇 Additional comments (2)

src/Selector/MultipleSelector.tsx (1)

139-145: 建议：在处理相同数值时明确截取行为或兼容多重 Index。
如果 values 中可能包含重复的 value，当前 findIndex 只会返回首个匹配位置。若期望处理所有匹配项（或最后一个匹配项），建议考虑相应策略；否则请确认此逻辑能满足实际需求。

可通过下面脚本在项目中检索是否有重复使用相同值并验证该逻辑：

✅ Verification successful

建议：在文档中明确说明当前对重复值的处理行为。

经过代码分析，当前实现使用 findIndex 获取第一个匹配项的索引是符合常见实现模式的。没有发现对重复值的特殊处理要求或相关问题报告。建议在组件文档中明确说明这一行为，以便使用者了解并作出相应的业务适配。

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# 查找所有与 values 相关的处理逻辑，确认对重复 value 的预期行为
rg "values.*\[.*]" -A 5

Length of output: 3160

---

Script:

#!/bin/bash
# Check for value type definitions and validation
ast-grep --pattern 'interface $_Props {
  $$$
  value?: $_;
  $$$
}'

# Look for value-related tests
rg "test.*value.*duplicate|multiple.*same.*value" -i

# Check for value validation
rg "validateValue|checkValue|uniqueValue|duplicate.*value" -i

Length of output: 189

src/BaseSelect/index.tsx (1)

71-71: 此新增属性与业务需求匹配。
index 属性概念清晰，与 MultipleSelector 配合正常。若需兼容找不到索引的场景，number | undefined 类型亦合理。

---

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:

• 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 generate docstrings to generate docstrings for this PR. (Beta)
• @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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.32%. Comparing base (fd1f076) to head (bba7de6).

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #1100   +/-   ##
=======================================
  Coverage   98.31%   98.32%           
=======================================
  Files          39       39           
  Lines        1487     1489    +2     
  Branches      443      450    +7     
=======================================
+ Hits         1462     1464    +2     
  Misses         25       25           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.