fix(input): more dialog, add whitespace-pre-wrap class for content

[shenjunjian]

PR

文本域的更多的弹窗的pre，添加自动换行的tw class

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

Summary by CodeRabbit

Release Notes

• Style
  • Improved whitespace handling and text wrapping in dialog content for better readability on mobile devices.

[coderabbitai]

Walkthrough

A styling enhancement to the mobile-first dialog component that adds whitespace preservation to the pre-element displaying text content. The modification incorporates the whitespace-pre-wrap class alongside the existing font-[inherit] class to control text wrapping behavior.

Changes

Cohort / File(s)	Summary
Dialog Display Styling packages/vue/src/input/src/mobile-first.vue	Added whitespace-pre-wrap class to the <pre> element rendering state.displayOnlyText in TinyDialogBox to preserve and wrap whitespace content appropriately.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A touch of class, so small yet grand,
Whitespace wrapped as we'd planned,
Pre-served text now flows just right,
Dialog content shines so bright! ✨

🚥 Pre-merge checks | ✅ 3 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Merge Conflict Detection	⚠️ Warning	❌ Merge conflicts detected (24 files): ⚔️ examples/sites/demos/apis/button-group.js (content) ⚔️ examples/sites/demos/mobile-first/app/button-group/webdoc/button-group.js (content) ⚔️ examples/sites/demos/pc/app/base-select/copy-multi.spec.ts (content) ⚔️ examples/sites/demos/pc/app/button-group/webdoc/button-group.js (content) ⚔️ examples/sites/demos/pc/app/flowchart/basic-usage-composition-api.vue (content) ⚔️ examples/sites/demos/pc/app/flowchart/basic-usage.spec.ts (content) ⚔️ examples/sites/demos/pc/app/flowchart/basic-usage.vue (content) ⚔️ examples/sites/demos/pc/app/flowchart/webdoc/flowchart.js (content) ⚔️ examples/sites/demos/pc/app/select-wrapper/copy-multi.spec.ts (content) ⚔️ examples/sites/demos/pc/app/select/copy-multi.spec.ts (content) ⚔️ examples/sites/demos/pc/app/tag-group/basic-usage.spec.js (content) ⚔️ examples/sites/demos/pc/app/tag-group/tag-group-effect.spec.js (content) ⚔️ examples/sites/demos/pc/app/tag-group/tag-group-event.spec.js (content) ⚔️ examples/sites/demos/pc/webdoc/introduce.md (content) ⚔️ packages/renderless/types/button-group.type.ts (content) ⚔️ packages/theme-saas/src/select-dropdown/index.less (content) ⚔️ packages/theme/src/button-group/index.less (content) ⚔️ packages/theme/src/select-dropdown/index.less (content) ⚔️ packages/theme/src/upload-list/index.less (content) ⚔️ packages/vue/src/base-select/src/pc.vue (content) ⚔️ packages/vue/src/button-group/src/index.ts (content) ⚔️ packages/vue/src/button-group/src/pc.vue (content) ⚔️ packages/vue/src/input/src/mobile-first.vue (content) ⚔️ packages/vue/src/select/src/pc.vue (content) These conflicts must be resolved before merging into dev.	Resolve conflicts locally and push changes to this branch.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: adding a whitespace-pre-wrap class to handle content wrapping in a dialog component.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch shen/input-pre

⚔️ Resolve merge conflicts (beta)

• Auto-commit resolved conflicts to branch shen/input-pre
• Create stacked PR with resolved conflicts
• Post resolved changes as copyable diffs in a comment

---

No actionable comments were generated in the recent review. 🎉

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}