# 7.13 输入提示框（Promt）

带输入框的确认对话框，用于输入和确认文本内容。

# 基础用法

<template>
  <dof-promt
    :show="showPromt"
    title="设备重命名"
    placeholder="请输入设备名称"
    :input-value="inputName"
    @onPromtInput="onInput"
    @okClicked="onConfirm"
    @onPromtClose="onClose"
  ></dof-promt>
</template>

1
2
3
4
5
6
7
8
9
10
11

# Attributes

Prop	Type	Required	Default	Description
`show`	`Boolean`	`N`	`undefined`	是否显示对话框
`input-value`	`String`	`N`	`undefined`	输入框当前值
`placeholder`	`String`	`N`	`undefined`	输入框占位文本
`title`	`String`	`N`	`undefined`	对话框标题
`cancel-color`	`String`	`N`	`#00A4F2`	取消按钮颜色
`confirm-color`	`String`	`N`	`#00A4F2`	确认按钮颜色
`need-dark-mode`	`Boolean`	`N`	`false`	是否启用 M-dark/T-dark 内置暗黑适配
`isRTL`	`Boolean`	`N`	`false`	是否启用 RTL（从右到左）布局；默认关闭 ^2.5.10

设置 :need-dark-mode="true" 可启用内置暗黑配色，主题初始化与构建配置见接入说明。

# Events

事件名	说明	回调参数
`onPromtInput`	输入内容时触发	`value`
`okClicked`	点击确认按钮时触发	`event`
`onPromtClose`	点击取消按钮或遮罩时触发	`event`