[Tag] Always keep the span element outside of tagContent to support more flexible custom design

[zhangpaopao0609]

Details

As the title shows, I want to always keep the span element outside of tagContent to support more flexible custom design.

Now, the src/tag/tag.tsx code is as follows.

You can see that tagContent will be wrapped by span only when maxWidth is not undefined. Otherwise, no one can style it, such as adding a background color only to the tagContent area or setting a color only for tagContent. So I suggest that regardless of whether maxWidth is undefined, we still add span

      return (
        <div class={tagClass.value} style={tagStyle.value} onClick={handleClick}>
          {icon}
          {props.maxWidth
            ? (
              <span class={{ [`${COMPONENT_NAME.value}--text`]: props.maxWidth }} title={titleAttribute}>
                {tagContent}
              </span>
              )
            : (
                tagContent
              )}
          {!props.disabled && closeIcon}
        </div>
      );

[github-actions]

👋 @zhangpaopao0609，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[uyarn]

fixed 1.9.7