ConfigForm Generator

A configuration-based form generator for Vue 3 + Element Plus.

Features

• 🚀 Configuration Driven: Generate forms from JSON schema
• 🧩 Component System: Built-in support for Element Plus components
• 🔗 Linkage System: Powerful cross-field interactions and dependencies
• 💅 Layout Support: Grid, Tabs, and nested containers
• 🔌 Extensible: Custom component registration and validation

Installation

npm install config-form-generator-vue3

Usage

<template>
  <ConfigForm 
    :config="formConfig" 
    v-model="formData" 
    @submit="handleSubmit"
  />
</template>

<script setup>
import { ref } from 'vue';
import { ConfigForm } from 'config-form-generator-vue3';
import 'config-form-generator-vue3/dist/style.css';

const formData = ref({});
const formConfig = {
  schemas: [
    {
      type: 'input',
      field: 'username',
      label: 'Username',
      rules: [{ required: true, message: 'Required' }]
    }
  ]
};

const handleSubmit = (data) => {
  console.log('Submitted:', data);
};
</script>

License

MIT