spcBackToLife

扩展 UI 库 背景 我们在使用框架的时候，如果只能使用固定的 UI 库，可能不满足公司要求，可能在公司内，需要使用指定的 UI 库，此时我们就可以基于： @easy-pa...

扩展一个通用组件 我们知道，我们有个默认的 UI 库，包含了一些基础组件，但若是这些组件还无法满足需求，我们希望通过：ui 属性指定我们想要的组件，该怎么办呢？ 我们可以扩...

字段自定义组件 在表单开发中，我们可能会遇到这样的场景： 默认组件库里的组件不能满足自己的诉求，需要扩展组件，但是这个组件通用型又不好，包含过多业务逻辑。 此时就可以直接自...

字段可编辑控制 我们经常遇到的场景是： 在编辑或者拷贝页面，我们会基于业务逻辑控制，来决定是否允许某些字段可编辑。 很多时候，这个给我们带来了不小的麻烦，在 EasyPag...

字段继承 在表单开发中，我们会经常遇到这样的一个场景： 我想要之前的字段 A，但是又对它有一些调整。 此时，我们的做法可能是： 将差异的点抽象成：Props，在组件使用的地...

字段联动 在前面的章节中，我们或多或少提到了一些联动，我们这里，就来详细的介绍一下。 在表单开发中，常见的有如下几种联动场景： 当一个字段变化了，改变另外一个字段组件的 P...

字段显隐 下方以 nodeUtil.createField 为例，其余 API 的数据处理类似，详情可见 API 文档。 字段本身显示与隐藏 不展示控制 如下，设置后 wh...

字段组件 Props 透传 下方以 nodeUtil.createField 为例，其余 API 的数据处理类似，详情可见 API 文档。 给组件透传 Props 字段的 ...

字段数据处理 下方以 nodeUtil.createField 为例，其余 API 的数据处理类似，详情可见 API 文档。 在表单场景中，往往存储到后端的数据结构，和我们...

增删子表单 我们常常会在表单里嵌入持续增加的子表单： 可以添加子表单 可以删除子表单 传统的写法，往往会耗费很多精力处理状态管理的事情，而现在，只需要一个 API 即可：c...

搜索下拉框 在表单中，下拉框的处理也是一个比较复杂的场景，它复杂在： 可以基于搜索，去获取下拉框选项数据。 在编辑的时，需要进行回填，之前基于关键词搜索的选项，在回填时，查...

创建基础表单 学习完基础的表单开发流程，我们来创建一下常见的表单字段。 组件 输入框 单选框 多选框 下拉框 文本框 日期框 日期范围框 开关 开关打开后，展示一个字段 增...

快速上手 下面将以一个简单的例子，来展示，如何编写表单页面。 安装 @easy-page/antd-ui 定义输入框 拼装表单页面 EasyPage 渲染页面 DEMO 文...

EasyPage ，让我们的前端页面开发更加简单： Make Front-End Development Easier...

要在 Vite 项目中配置支持装饰器（decorators），你需要安装并配置相应的 Babel 插件。以下是具体步骤： 安装必要的 Babel 插件： 首先，你需要安装 ...

使用 create-react-app 创建 React + Ts 项目 执行创建 运行 添加 Electron 安装依赖 创建主进程入口文件 在前面「创建最简单的 Ele...

简介 从前端的角度来理解：Electron 是 web 除了浏览器运行环境外的另一个运行环境，只是它还包含了 Node 的环境与操作系统与原生 API 环境。 环境准备 M...

添加相关依赖 添加 base webpack 配置文件 config/webpack.base.js 添加主进程 webpack 配置文件 config/webpack.m...

在 create-react-app 中，我们需要通过react-app-rewired 来配置覆盖 webpack 。 安装 react-app-rewired 修改 w...