# GenUI

**Repository Path**: dongchao139/GenUI

## Basic Information

- **Project Name**: GenUI
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-13
- **Last Updated**: 2024-11-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# README

The current work branch is `combine`

## Work Description

| Dir          | des                                      |
| ------------ | ---------------------------------------- |
|examples|GenUI Example(Working)|
|gen|the finally framework dir(Comming Soon)|
|gen-ui|work dir(Working)|
|wiki|GenUI wiki(Comming Soon)|


- [x] Compiler
- [x] Parser
- [x] Converter
- [ ] Traits
- [ ] Macros
- [ ] Generator
  - [x] Makepad Plugin
  - [ ] Other Plugin
- [ ] GenUI VSCode Plugin
- [x] GenUI Makepad Unified Widget Lib
- [x] [Makepad Book](https://palpus-rs.github.io/Gen-UI.github.io/)

## Features

### Makepad

- [x] Makepad Compiler
- [x] static page
- [x] ArkUI Template
- [ ] dyn widget (half support, now working...)
- [x] wasm
- [x] GenUI Builtin-Widget (working...)
- [x] rust lang support (use in .gen file, hold in `<script lang="rust">` or `<script>`)
- [x] Shader
- [x] Toml Config

#### Widgets
- [x] Window
- [x] View
- [x] Button (todo!(button other event, click event finish))
- [x] Icon
- [x] Label 
- [x] Image
- [x] RotatedImage
- [x] Radio
- [x] Checkbox
- [x] ScrollXYView
- [x] ScrollXView
- [x] ScrollYView
- [x] SolidView
- [x] RectView
- [x] RectShadowView
- [x] RoundedView
- [x] RoundedShadowView
- [x] TextInput
- [x] DropDown
- [x] LinkLabel
- [x] FoldButton
- [x] Slider
- [x] SliderBig
- [x] Slide
  - [x] SlidesView
  - [x] SlideBody
  - [x] SlideChapter
- [x] FoldHeader
- [x] Html
- [x] Markdown
- [x] ScrollBar
- [x] ScrollBars
- [x] DesktopButton
- [x] Splitter
- [ ] Dock
- [ ] Nav

#### Props

- [x] animation
- [x] as_prop (WidgetRef)
- [x] Draw
- [x] Color
  - [x] hex
  - [x] linear
  - [x] radial
  - [x] rgb
  - [x] rgba
  - [x] shader 

#### Control

- [x] for
- [x] if_else
## Architecture

<img src="./README/imgs/framework.png">

## DSL Design

<img src=".\README\imgs\b91eef4caddeffb49b3316304a8567f.png" alt="b91eef4caddeffb49b3316304a8567f" style="zoom:50%;" />

## Syntax Match

<img src=".\README\imgs\e3a48b59cc2fd000fa16ac14ddac999.png" alt="e3a48b59cc2fd000fa16ac14ddac999" style="zoom:50%;" />