designer-hub/packages/app/src/components/form-message-box.vue

<script setup lang="ts">
import { DataFormSchema } from './data-form'
import DataForm from './data-form.vue'
const modelValue = defineModel({
  type: Object,
  default: () => ({}),
})
withDefaults(defineProps<{ selector?: string; schema?: DataFormSchema }>(), {
  selector: 'wd-message-box-slot',
  schema: () => ({ test: { type: 'TextField', label: 'Test' } }),
})
</script>
<template>
  <wd-message-box :selector="selector">
    <DataForm v-model="modelValue" :schema="schema"></DataForm>
    <wd-config-provider
      :themeVars="{ textareaBg: 'transparent', textareaCellHeight: '100rpx' }"
    ></wd-config-provider>
  </wd-message-box>
</template>