ScrambleText

通过字符扰动逐步呈现目标文字，适合标题、短句与状态文案的动态揭示。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中；本页展示网站用法，支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

如何使用

用于文本更新时的字符扰动效果。静态文字用 Text，连续文本位移用 FlowText；减少动效环境保留可读内容。

import { ScrambleText } from '@snowui-design-system/components';

属性	类型	默认值	示例	描述
`text`	`string \| number`	`""`	`text="Example"`	最终文字
`charset`	`ScrambleTextCharset`	`"glyphs"`	`charset={value}`	预设替换字符集
`customSequence`	`string`	`—`	`customSequence="Example"`	自定义替换序列，最多 64 个 grapheme
`mode`	`ScrambleTextMode`	`"cascade"`	`mode={value}`	离散动效模式
`respectMotionPreference`	`boolean`	`false`	`respectMotionPreference`	显式开启后才遵循系统减少动效设置
`font`	`string`	`—`	`font="Example"`	字体
`size`	`string \| number`	`—`	`size="Example"`	字号
`weight`	`string \| number`	`—`	`weight="Example"`	字重
`color`	`SnowUIColor \| string`	`—`	`color="Example"`	最终文字颜色
`lineHeight`	`string \| number`	`—`	`lineHeight="Example"`	行高
`align`	`TextMotionAlign`	`—`	`align={value}`	对齐；默认继承父级
`motionColor`	`TextMotionColor`	`—`	`motionColor={value}`	全部目标字符从左到右依次回落的临时颜色；支持语义色、CSS 色与逐字 resolver，默认不改变颜色