[BUG] <Typography>Text children 为模版字符串时的省略异常

[YyumeiZhang]

Is there an existing issue for this?

• I have searched the existing issues

Which Component

Typography

Semi Version

2.55.5

Current Behavior

Expected Behavior

Steps To Reproduce

No response

ReproducibleCode

function Demo() {
  const { Text } = Typography;
  const code = 'code'; 

  return <Text 
            style={{  marginTop: 6, color: 'var(--semi-color-text-2)' }}
            ellipsis={{ showTooltip: { opts: { style: { wordBreak: 'break-word' } } } }}
            copyable={{ content: code }}>
            Key: {code}
        </Text>
}

Environment

- OS:
- browser:

Anything else?

No response

[YyumeiZhang]

问题原因：
文档中强调了应该传入 string。
当以上述方式传入 Text 的children， 看上去是字符串，实际上在 React 中数组

由于此前代码中https://github.com/DouyinFE/semi-design/blob/v2.55.5/packages/semi-ui/typography/base.tsx#L375 对children 做了强制转换，因此引入了 逗号，省略前后的文本不同，所以认为出现了截断

用户可以通过将模版字符串单独用变量进行定义，然后作为 children，但是考虑到用户可能考虑不到模版字符串非 string 类型，应该对模版字符串的方式做兼容