🐛 [Bug]: 树插槽中使用 tiny-radio-group 文本不显示

[stwflyfox]

Version

latest

Vue Version

3

Link to minimal reproduction

none

Step to reproduce

在树插槽中, tiny-radio-group 的 type='radio' 显示有问题，用 type='button' 显示正常。附上demo代码：

error.txt

What is expected

No response

What is actually happening

No response

What is your project name

TinyEngine

Any additional comments (optional)

No response

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: 🐛 [Bug]: Use tiny-radio-group in tree slots. Text not displayed

[petercat-assistant]

感谢您提供详细的代码示例和问题描述。根据您的描述，问题似乎出现在 tiny-radio-group 使用 type='radio' 时文本不显示，而使用 type='button' 时显示正常。

这个问题可能与 tiny-radio-group 组件的样式或渲染逻辑有关。为了更好地帮助您解决这个问题，我建议您检查以下几点：

1. 样式冲突：确保没有其他样式影响到 tiny-radio-group 的显示。您可以尝试在开发者工具中查看元素的样式，看看是否有任何不必要的样式覆盖了文本的显示。

2. 组件版本：确保您使用的是最新版本的 @opentiny/vue，因为有可能在新版本中已经修复了这个问题。

3. 浏览器控制台：查看浏览器的控制台输出，看看是否有任何错误或警告信息，这些信息可能会提供更多的线索。

如果这些检查没有解决问题，您可以尝试提供一个最小可重现的代码示例，或者在 GitHub 上查看是否有类似的问题报告。

如果您需要进一步的帮助，请随时告诉我！

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Thank you for providing detailed code examples and problem descriptions. According to your description, the problem seems to appear when tiny-radio-group is not displayed when using type='radio', but when using type='button', it is normal.

This problem may be related to the style or rendering logic of the tiny-radio-group component. To better help you solve this problem, I suggest you check the following:

1. Style conflict: Make sure no other styles affect the display of tiny-radio-group. You can try to see the style of the element in the developer tool to see if there are any unnecessary styles that overwrite the display of the text.

2. Component Version: Make sure you are using the latest version of @opentiny/vue, because it is possible that this issue has been fixed in the new version.

3. Browser Console: Check the browser's console output to see if there are any errors or warning messages, which may provide more clues.

If these checks don't resolve the issue, you can try providing a minimally reproducible code example, or check on GitHub for a similar issue report.

If you need further assistance, feel free to let me know!

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[petercat-assistant]

Thank you for providing detailed code examples and problem descriptions. According to your description, the problem seems to appear when tiny-radio-group is not displayed when using type='radio', but when using type='button', it is normal.

This problem may be related to the style or rendering logic of the tiny-radio-group component. To better help you solve this problem, I suggest you check the following:

1. Style conflict: Make sure no other styles affect the display of tiny-radio-group. You can try to see the style of the element in the developer tool to see if there are any unnecessary styles that overwrite the display of the text.

2. Component Version: Make sure you are using the latest version of @opentiny/vue, because it is possible that this issue has been fixed in the new version.

3. Browser Console: Check the browser's console output to see if there are any errors or warning messages, which may provide more clues.

If these checks don't resolve the issue, you can try providing a minimally reproducible code example, or check on GitHub for a similar issue report.

If you need further assistance, feel free to let me know!

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[shenjunjian]

由于历史设计的原因吧！
Tree组件有 多选/单选的模式。

单选时， 树的前置了一个radio 组件， 但是后面的文字是渲染的tree-node的文本。 所以就给 .tiny-radio__label的部分增加了 display:none。

上述@stwflyfox 提供的例子， 特意将radio-group 渲染给 tree-node， 误导致 display:none 生效了， 所以看不到文本。

待修改：
组件需要调整 vue-theme/src/tree 下的样式， 避免隐藏 全部的.tiny-radio__label , 只隐藏Tree组件前置radio组件的 label即可 。