说明

本组件是基于el-dialog的高阶组件，改变定位以居中自适应为基础，保留了大部分原有api。

配置

废弃原配置

默认值调整

使用方式

<p-dialog
    :visible.sync="dialogVisible"
    :mode="form.mode"
    :width="form.width"
    :min-width="form.minWidth"
    :max-width="form.maxWidth"
    :height="form.height"
    :min-height="form.minHeight"
    :max-height="form.maxHeight"
    :close-text="form.closeText"
    :confirm-text="form.confirmText"
    @on-confirm="onConfirm">
    <div>
        <p
            v-text="
            Array.from(new Array(parseInt(length)))
                .map(() => '文本')
                .join('')
            ">
        </p>
    </div>
</p-dialog>

export default {
    data() {
        return {
            dialogVisible: false,
            length: 2000,
            form: {
                mode: 'confirm',
                width: undefined,
                minWidth: '400px',
                maxWidth: '80vw',
                height: undefined,
                minHeight: '80px',
                maxHeight: '70vh',
                closeText: '关闭',
                confirmText: '确定',
            }
            // ...
        }
    }
    methods: {
      onConfirm() {
        console.log('on-confirm click!')
        this.dialogVisible = true
      },
    },
    // ...
}