feat: select弹框长度&nestSelect的弹框长度&文本优化

[sqzhou]

What

🤖 Generated by Copilot at 36d78a4

This pull request enhances the nested select and select components in the form module by improving their styles and functionality. It adds tooltips, adjusts widths, and refactors some code in NestedSelect.tsx and _nested-select.scss. It also sets a minimum width for the select control in _select.scss.

🤖 Generated by Copilot at 36d78a4

NestedSelect styled
Better width and tooltips
Autumn leaves no wrap

Why

How

🤖 Generated by Copilot at 36d78a4

• Add a minimum width of 100px to the select and nested select controls to avoid text cut-off (link, link)
• Add a white-space: nowrap property to the nested select option to prevent text wrapping (link)
• Import the getTreeDepth function from the utils file in NestedSelect.tsx to calculate the menu width based on the tree depth (link)
• Declare and assign two properties to store the reference and the width of the outer div element of the nested select control in NestedSelect.tsx (link, link)
• Add a title attribute to the span element that renders the selected value label in NestedSelect.tsx to show the full path of the selected option as a tooltip (link, link)
• Add a new method getMenuSelectMenuStyle in NestedSelect.tsx to return a style object that sets the width of each menu based on the control width and the tree depth (link)
• Add a style attribute to the div elements that render the menus in NestedSelect.tsx to apply the getMenuSelectMenuStyle method result as the inline style (link, link)
• Add a title attribute to the div elements that render the options in NestedSelect.tsx to show the full option label as a tooltip (link, link)
• Add a ref attribute to the div element that wraps the nested select control in NestedSelect.tsx to assign the outTarget property as the reference to the element (link)

[github-actions]

👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

[2betop]

这是要达到一个什么效果？能否不用内联样式实现？

[sqzhou]

这个主要是通过计算nestSelect最深的层级，来设置nestSelect每个弹框的长度

[sqzhou]

这样就算nestselect选到最深，也能和输入框长度一致