form-message-box.vue 653 B

1234567891011121314151617181920
  1. <script setup lang="ts">
  2. import { DataFormSchema } from './data-form'
  3. import DataForm from './data-form.vue'
  4. const modelValue = defineModel({
  5. type: Object,
  6. default: () => ({}),
  7. })
  8. withDefaults(defineProps<{ selector?: string; schema?: DataFormSchema }>(), {
  9. selector: 'wd-message-box-slot',
  10. schema: () => ({ test: { type: 'TextField', label: 'Test' } }),
  11. })
  12. </script>
  13. <template>
  14. <wd-message-box :selector="selector">
  15. <DataForm v-model="modelValue" :schema="schema"></DataForm>
  16. <wd-config-provider
  17. :themeVars="{ textareaBg: 'transparent', textareaCellHeight: '100rpx' }"
  18. ></wd-config-provider>
  19. </wd-message-box>
  20. </template>