fix(dialog): resolve styledProps pass frame wrong

[NWYLZW]

• [Dialog] classname 的错误挂载 #2619

🤔 这个 PR 的性质是？

• 日常 bug 修复
• 新特性提交
• 文档改进
• 演示代码改进
• 组件样式/交互改进
• CI/CD 改进
• 重构
• 代码风格优化
• 测试用例
• 分支合并
• 其他

🔗 相关 Issue

#2619

💡 需求背景和解决方案

Dialog 组件的 className 存在实现问题，导致其会被挂在到多个节点。

📝 更新日志

• fix(Dialog): 修复了 Dialog 的 className 进行的多次节点挂载错误，className 将仅被挂载至 ctx 元素上。
• feat(Dialog): 添加了 dialogClassName 用于处理内部 dialog 节点样式。建议之前通过 className 直接修改弹窗本体样式的用户切换使用为 dialogClassName。

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

[github-actions]

[NWYLZW]

这个目前来说如果加上了一个新的 dialogClassName 在 props ，则会导致俩部分的交互产生割裂，具体如下：

• 目前 className 会被默认挂载到 ctx 元素上
  

  tdesign-react/src/dialog/Dialog.tsx

  Lines 193 to 201 in 14e36e4

  	<div
  	ref={wrapRef}
  	className={classNames(props.className, `${componentCls}__ctx`, `${componentCls}__${mode}`, {
  	[`${componentCls}__ctx--fixed`]: !showInAttachedElement,
  	[`${componentCls}__ctx--absolute`]: showInAttachedElement,
  	})}
  	style={{ zIndex }}
  	onKeyDown={handleKeyDown}
  	tabIndex={0}

• 目前 style 会被挂载到 dialog 元素上
  

  tdesign-react/src/dialog/Dialog.tsx

  Lines 224 to 227 in 14e36e4

  	<DialogCard
  	ref={dialogCardRef}
  	{...restState}
  	style={{ ...style, width: parseValueToPx(width || style?.width) }}

如果按照这个方式进行修复，则会出现：

className 在 ctx 上，dialogClassName 和 style 在 dialog 上，className 与对应的 style 的并不统一了。
或许我们需要一个 dialogStyle，但是这样看起来 breaking 的稍微有点大了。

所以我还是比较偏向于将 className 下放到对应的 dialog 上，而不是 ctx，放在 ctx 来说是一种相对来说错误的实现。