<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import { MonacoEditor } from '@jnpf/ui';
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
const emit = defineEmits(['register', 'confirm']);
|
const defaultContentFormat = `({ data, row, rowIndex, onlineUtils }) => {
|
return data;
|
}`;
|
const code = ref(defaultContentFormat);
|
const [registerModal, { closeModal }] = useModalInner((data) => {
|
code.value = data?.code || defaultContentFormat;
|
});
|
|
function handleSubmit() {
|
emit('confirm', code.value);
|
closeModal();
|
}
|
</script>
|
|
<template>
|
<BasicModal v-bind="$attrs" title="内容格式化配置" :width="1000" destroy-on-close @register="registerModal" @ok="handleSubmit">
|
<div class="h-[500px]">
|
<MonacoEditor v-model="code" />
|
</div>
|
</BasicModal>
|
</template>
|
