Element Plus Crx

一个基于 ElementPlus 的扩展组件库

起步 →

数据配置

数据配置表单/表格,极简的思想,完全的数据驱动,拥有绝对的灵活性

扩展组件

更多丰富的扩展组件,在 ElementPlus 没有找到的这里或许会有

快捷的使用

内置双语言,黑暗模式适配,完整的typescript提示,更方便的全局配置

如此简单

<template>
  <ElForm label-width="80px" :model="form.model">
    <AgelFormGrid :items="form.items" :span="8"> </AgelFormGrid>
  </ElForm>
  <AgelTable :data="table.data" :columns="table.columns"> </AgelTable>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'

const arr =[
  { label: '名称', prop: "name" },
  { label: '日期', prop: 'date' },
  { label: '地址', prop: 'address'},
]

const form = reactive({
  model: {},
  items: arr
})

const table = reactive({
  data: [],
  columns: arr
})
</script>