参考
剪贴板 Clipboard
Clipboard:剪贴板输入。值字段带发丝线,旁边是图标大小的复制触发器;复制确认后图标转为竹青色。部件:Root、Label、Control、Input、Trigger、Indicator、Context、HiddenInput。
Root · Control · Trigger · Indicator · Input · Label
#Control
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Indicator
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Input
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Label
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Root
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
size | String as PropType<"sm" | "md" | "lg"> | "md" | 值输入框和复制按钮的高度,可为 sm、md 或 lg |
defaultValue | string | 初始复制到剪贴板的值;无需控制剪贴板值时使用 | |
id | string | 组件内部状态机的唯一标识 | |
ids | Partial<{ root: string; input: string; label: string; }> | 剪贴板组件内各元素的 id;便于组合使用 | |
modelValue | string | 剪贴板组件的 v-model 值 | |
timeout | number | 3000 | 复制超时时间 |
translations | clipboard.IntlTranslations | 无障碍元素及其状态的本地化文案 |
| 事件 | 载荷 |
|---|---|
valueChange | details: ValueChangeDetails |
update:modelValue | value: string |
statusChange | details: CopyStatusDetails |
#Trigger
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#ValueText
纯造型的部件——自身没有属性,沿用部件结构的共享样式。