Typography 排版
文本、标题、段落排版组件。
Text 文本
文本类型
修饰样式
自定义标记色（mark + CSS 变量）
字重档（weight）
数字等宽（numeric）
文本对齐（align）
文字深度（depth）
换标签（tag）
省略
文本省略
多行省略（line-clamp）
省略保留后缀（ellipsis-suffix）
可复制
可复制文本
自定义复制内容（copy-text）
操作条（actions）
操作条位置
Title 标题
标题级别
Paragraph 段落
段落
API
| 组件 | 标签 | 属性 |
|---|---|---|
| Text | oas-text | type、ellipsis、copyable |
| Title | oas-title | level（1-5）、type、ellipsis |
| Paragraph | oas-paragraph | type、ellipsis |
type 取值：default / secondary / success / warning / danger / disabled。
oas-text
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
actions-position | 操作条位置：start（文字前）/ end（默认，文字后），配合 slot="actions" | string | end |
align | 文本对齐：start/center/end/justify | AlignType | — |
code | 行内代码样式（等宽字体 + 浅底） | boolean | — |
copy-text | 自定义复制内容（缺省复制当前文本） | string | — |
copyable | 显示复制按钮，点击复制文本内容 | boolean | — |
delete | 删除线（<del> 语义） | boolean | — |
depth | 文字弱化档位：1 / 2 / 3（主色渐淡）；仅 type="default" 时生效 | string | — |
ellipsis | 超出容器宽度后单行省略（nowrap + ellipsis） | boolean | — |
ellipsis-suffix | 省略时保留的后缀（如展开链接），与 ellipsis / line-clamp 同用 | string | — |
italic | 斜体（<em> 语义） | — | — |
level | 标题级别（1–5） | string | 3 |
line-clamp | 多行省略行数（正整数），超出折叠省略；与 ellipsis-suffix 可组合 | string | — |
mark | 高亮标记（浅黄底，<mark> 语义） | — | — |
numeric | 数字等宽（font-variant-numeric: tabular-nums），表格/统计数字列对齐 | — | — |
strong | 加粗（font-weight 600，<strong> 语义） | — | — |
tag | 渲染标签：替换默认元素（如 sub / sup / ins / em / strong 等） | string | — |
type | 文本类型：default / secondary / success / warning / danger / disabled | TextType | default |
underline | 下划线 | — | — |
weight | 字重：regular/medium/semibold/bold（与 strong 布尔兼容） | WeightType | — |
| 事件 | 说明 |
|---|---|
oas-copy | 复制成功，detail: { text } |
oas-copy-error | 复制失败，detail: { text } |
| 名称 | 说明 |
|---|---|
| 默认 | — |
actions | 操作区插槽（复制/编辑等按钮），位置由 actions-position 决定 |
oas-title
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
actions-position | 操作条位置：start（文字前）/ end（默认，文字后），配合 slot="actions" | string | end |
align | — | AlignType | — |
code | 行内代码样式（等宽字体 + 浅底） | boolean | — |
copy-text | 自定义复制内容（缺省复制当前文本） | string | — |
copyable | 显示复制按钮，点击复制文本内容 | boolean | — |
delete | 删除线（<del> 语义） | boolean | — |
depth | 文字弱化档位：1 / 2 / 3（主色渐淡）；仅 type="default" 时生效 | string | — |
ellipsis | 超出容器宽度后单行省略（nowrap + ellipsis） | boolean | — |
ellipsis-suffix | 省略时保留的后缀（如展开链接），与 ellipsis / line-clamp 同用 | string | — |
italic | 斜体（<em> 语义） | — | — |
level | 标题级别（1–5） | string | 3 |
line-clamp | 多行省略行数（正整数），超出折叠省略；与 ellipsis-suffix 可组合 | string | — |
mark | 高亮标记（浅黄底，<mark> 语义） | — | — |
numeric | — | — | — |
strong | 加粗（font-weight 600，<strong> 语义） | — | — |
tag | 渲染标签：替换默认元素（如 sub / sup / ins / em / strong 等） | string | — |
type | 文本类型：default / secondary / success / warning / danger / disabled | TextType | default |
underline | 下划线 | — | — |
weight | — | WeightType | — |
| 事件 | 说明 |
|---|---|
oas-copy | 复制成功，detail: { text } |
oas-copy-error | 复制失败，detail: { text } |
| 名称 | 说明 |
|---|---|
| 默认 | — |
actions | 操作区插槽（复制/编辑等按钮），位置由 actions-position 决定 |
oas-paragraph
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
actions-position | 操作条位置：start（文字前）/ end（默认，文字后），配合 slot="actions" | string | end |
align | — | AlignType | — |
code | 行内代码样式（等宽字体 + 浅底） | boolean | — |
copy-text | 自定义复制内容（缺省复制当前文本） | string | — |
copyable | 显示复制按钮，点击复制文本内容 | boolean | — |
delete | 删除线（<del> 语义） | boolean | — |
depth | 文字弱化档位：1 / 2 / 3（主色渐淡）；仅 type="default" 时生效 | string | — |
ellipsis | 超出容器宽度后单行省略（nowrap + ellipsis） | boolean | — |
ellipsis-suffix | 省略时保留的后缀（如展开链接），与 ellipsis / line-clamp 同用 | string | — |
italic | 斜体（<em> 语义） | — | — |
level | 标题级别（1–5） | string | 3 |
line-clamp | 多行省略行数（正整数），超出折叠省略；与 ellipsis-suffix 可组合 | string | — |
mark | 高亮标记（浅黄底，<mark> 语义） | — | — |
numeric | — | — | — |
strong | 加粗（font-weight 600，<strong> 语义） | — | — |
tag | 渲染标签：替换默认元素（如 sub / sup / ins / em / strong 等） | string | — |
type | 文本类型：default / secondary / success / warning / danger / disabled | TextType | default |
underline | 下划线 | — | — |
weight | — | WeightType | — |
| 事件 | 说明 |
|---|---|
oas-copy | 复制成功，detail: { text } |
oas-copy-error | 复制失败，detail: { text } |
| 名称 | 说明 |
|---|---|
| 默认 | — |
actions | 操作区插槽（复制/编辑等按钮），位置由 actions-position 决定 |
同 oas-text 属性（修饰布尔/depth/tag/line-clamp/copy-text/ellipsis-suffix/actions-position 同样生效），level 1–5 驱动标签。
同 oas-text 属性。