Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/linmoqc/memory-flow
Memory Flow is a low-code platform designed to streamline the creation, organization, and visualization of user-generated content and workflows.
https://github.com/linmoqc/memory-flow
react tailwindcss typescript zustand
Last synced: about 1 month ago
JSON representation
Memory Flow is a low-code platform designed to streamline the creation, organization, and visualization of user-generated content and workflows.
- Host: GitHub
- URL: https://github.com/linmoqc/memory-flow
- Owner: LinMoQC
- Created: 2025-01-08T11:03:36.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2025-01-16T05:26:28.000Z (about 1 month ago)
- Last Synced: 2025-01-16T06:28:04.360Z (about 1 month ago)
- Topics: react, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage:
- Size: 1.42 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Memory Flow
## 🌟 介绍
> Memory Flow 是一个基于React + Typescript + Zustand 的低代码编辑器，用于减少重复造轮子（Maybe），目前正在开发中～
## ✨ 使用文档
``` javascript
npm install
npm run dev
```
## 🚀 开发文档
### 安装 Memory CLI
``` javascript
npm install linmo-cli -g
```
### 生成物料模版
``` javascript
memory create [materialName]
```
### 物料类别
``` javascript
// 物料类型
type MaterialType = 'unit' | 'area' | 'special'
// unit ---- 单元级物料，如Button,Input
// area ---- 区域级物料，如Page,Container
// special ---- 特殊物料，如FormItem只能投放在Form内
```
### 物料配置
``` typescript
// 物料会生成dev和prod，用于编辑状态和预览状态
ComponentConfig = {
name: "test", // 组件名称
defaultProps: {}, // 默认属性，可以根据需求进行配置
setter: [], // 设置器，如果有需要的设置器可以添加
desc: "test 组件描述", // 组件的描述，可以根据具体情况进行修改
stylesSetter: [], // 样式设置器，可以根据需求进行添加
dev: {}, // 编辑环境配置，可以根据需要添加
prod: {}, // 预览环境配置，可以根据需要添加
events: [], // 事件，可以添加具体的事件对象
methods: [] // 方法，可以添加具体的组件方法
}
```
### 注册物料
```typescript
// editor/stores/component-config
componentConfig: {
Container: ContainerConfig,
Button: ButtonConfig,
Page: PageConfig,
Modal: ModalConfig,
Table: TableConfig,
TableColumn: TableColumnConfig,
Form: FormConfig,
FormItem: FormItemConfig,
new: newConfig
}
```