PrismUI

面向企业应用的 UI Schema 驱动系统

从基础组件、业务交互到可视化编辑器，用一套可持续演进的界面基础设施，缩短复杂后台系统的交付距离。

进入交互文档查看组件能力
组件覆盖120+
核心模型UI Schema
当前基线React 19
01 / INPUT02 / RENDER03 / WORKFLOW
UI SchemaPAGE / FORM / CRUD / ACTION
RendererDATA / EVENT / OVERLAY / THEME
Enterprise workflowBUILD ONCE, EVOLVE CONTINUOUSLY
PRISMUI SYSTEM MAP
REV. 2026

文档、UI Schema、预览
在同一个工作区

先找到组件和 API，再直接改动 UI Schema，右侧业务界面同步响应。首页的第二屏就是 PrismUI 最务实的能力证明。

正在载入真实 UI Schema...
客户管理 / 真实渲染
正在启动 UI Schema renderer...

从一个字段
到完整业务流程

PrismUI 的价值不止是组件数量。数据录入、展示、弹窗与反馈、页面行为共享同一套 UI Schema、数据域与事件模型。

FormCRUDTableDrawerDialogAction
供应商准入Form / 数据录入
正在载入组件能力...

同一套能力
也能可视化搭建

研发可以直接写 UI Schema，业务团队也可以在编辑器里配置组件、数据和交互。两种工作方式最终落到同一份可维护的页面描述。

01组件面板与页面画布共享渲染器
02属性配置直接映射 UI Schema
03预览结果可以继续回到代码协作
PrismUI Editor常规外观
可视化编辑器组件面板、页面画布和属性配置面板总览
PrismUI 当前编辑器的组件面板、页面画布与属性配置总览。

接进现有应用
保持持续演进

PrismUI 保留 React 组件化扩展能力，同时用 UI Schema 承载页面结构、数据和动作。可以从一张业务页开始，不要求重写现有系统。

运行时React 19
状态模型MobX / MST
主题Design Tokens
扩展Custom Renderer
阅读快速开始查看源码
工程接入UI Schema runtime
适合渐进接入在现有页面直接引入静态资源，用 UI Schema 挂载一个业务页面。
关键接口加载 sdk.js 后，通过 embed 把 UI Schema、初始数据和 env 注入运行时。
<link rel="stylesheet" href="/sdk/sdk.css" />
<link rel="stylesheet" href="/sdk/helper.css" />
<link rel="stylesheet" href="/sdk/iconfont.css" />
<div id="root"></div>
<script src="/sdk/sdk.js"></script>

<script>
  const prism = prismuiRequire('prismui/embed');
  const uiSchema = {
    type: 'page',
    title: '客户管理',
    body: {
      type: 'crud',
      api: '/api/customers',
      columns: [
        {name: 'company', label: '客户'},
        {name: 'owner', label: '负责人'},
        {name: 'status', label: '阶段'}
      ]
    }
  };

  prism.embed('#root', uiSchema, {data}, env);
</script>