更新记录

1.0.0（2026-07-01） 下载此版本

发布v1.0.0

平台兼容性

uni-app(5.14)

uni-app x(5.14)

eosine-app

基于 uni-app 的低代码动态表单与列表渲染引擎。通过后端 JSON 配置，即可动态渲染完整的表单页面和列表页面，无需编写页面级 Vue 代码。

特性

• 配置驱动：通过 MODULEID / PAGEID 从后端获取表单和列表配置，动态渲染 UI
• 丰富的控件类型：内置 20+ 种表单控件，覆盖文本、数字、选择器、日期、地区、上传、富文本等场景
• 动态表单逻辑：支持字段的显示/隐藏、启用/禁用、必填切换、字段联动同步、公式计算
• 列表页面：支持搜索筛选、数据卡片展示、行操作按钮、字典翻译
• 子表支持：表单内嵌子表（可增删行的重复编辑区域）
• 跨平台：Vue 3 + uni-app，支持微信小程序和 H5

平台支持

组件列表

页面级组件

表单相关组件

列表相关组件

支持的控件类型 (CONTROLS)

快速开始

安装

在 uni_modules 目录下引入 eosine-app 模块，或通过 uni-app 插件市场安装。

全局注册

// main.js
import EosineApp from '@/uni_modules/eosine-app'

app.use(EosineApp)

按需引入

import { EosFormPage, EosListPage } from '@/uni_modules/eosine-app'

使用表单页面

<template>
  <eos-form-page
    v-model="formData"
    MODULEID="your-module-id"
    PAGEID="your-page-id"
    ACTION="ADD"
  />
</template>

<script setup>
import { ref } from 'vue'
const formData = ref({})
</script>

使用列表页面

<template>
  <eos-list-page
    MODULEID="your-module-id"
    PAGEID="your-page-id"
    selectKey="id"
  />
</template>

架构说明

该模块采用元数据驱动 UI 的设计模式：

1. 页面组件（eos-form-page、eos-list-page）通过 MODULEID / PAGEID 从后端 API 获取配置 JSON
2. 配置定义了字段分组、字段控件类型（CONTROLS）、字段名（FIELD）、校验规则、动态显隐/禁用表达式、计算公式、字典引用等
3. eos-form 作为核心分发器，根据每个字段的 CONTROLS 类型渲染对应的原子组件
4. eos-list 渲染列表详情卡片，eos-list-btn 提供行操作按钮
5. libs/form.hook.js 提供响应式逻辑层（动态显隐、启用禁用、字段同步、公式计算、清理联动）
6. libs/btn.hook.js 处理列表按钮的导航和操作分发

依赖

• uni-app (Vue 3)
• HBuilderX >= 3.1.0

更新日志

详见 changelog.md