<script lang="ts" setup>
|
import { nextTick, ref } from 'vue';
|
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
const emit = defineEmits(['register', 'change']);
|
const [registerModal, { closeModal }] = useModalInner(init);
|
const value = ref();
|
|
function init(data) {
|
value.value = data.value;
|
}
|
function handleSubmit() {
|
emit('change', value.value);
|
nextTick(() => closeModal());
|
}
|
</script>
|
<template>
|
<BasicModal v-bind="$attrs" width="800px" @register="registerModal" title="文本内容" @ok="handleSubmit" destroy-on-close>
|
<div class="mb-[20px]">
|
<JnpfEditor v-model:value="value" height="500px" />
|
</div>
|
</BasicModal>
|
</template>
|
