ui/

ui

界面模块集合。和 native/ 一样，每个子目录是一个职责单一的模块。

依赖只往下走，下层不知道上层存在：

kit ──────► el ──┐     kit ──► base
markdown ──► el  ├──► theme、locale
window ──────────┤
                 └──► core

internal/ 下是只给这几个模块用的内部代码：loop（帧锁、更新队列）、editorstyle（输入框绘制）、imageload（图片加载）和 uitest（无界面测试工具），外部引用不到。

一个窗口通常要引入三个模块：

import (
    "github.com/dyike/keel/ui/el"
    "github.com/dyike/keel/ui/kit"
    "github.com/dyike/keel/ui/window"
)

type hello struct {
    name   *kit.InputView
    result string
}

func (h *hello) Render(cx *el.Context) el.Element {
    return el.Div().P(24).Gap(12).Child(
        h.name.Render(cx),
        el.Div().Row().Child(kit.Button("打招呼", func() { h.result = "你好，" + h.name.Value() }).Render(cx)),
        el.Text(h.result),
    )
}

window.Open(window.Options{Title: "Hello", Content: el.Root(&hello{name: kit.Input("你的名字")})})
window.Main()

后台 goroutine 改界面时再加 core（用 core.Update），改配色时加 theme。