ZacharyZhang-NY
43c96a7a81
textInputFade becomes colorFade in theme.go and serves AvatarGroup, Image retry, Tag and EditableText, which used internal.Fade. MyGo already skips element transitions under ReduceMotion, so dropping the Motion check keeps behaviour.
109 lines
2.8 KiB
Go
109 lines
2.8 KiB
Go
package mujica
|
|
|
|
import (
|
|
"fmt"
|
|
"log/slog"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"mujicaui/internal"
|
|
"mujicaui/theme"
|
|
)
|
|
|
|
// TagOptions configure a Tag; zero is a plain label.
|
|
type TagOptions struct {
|
|
// Icon names an icon shown before the label.
|
|
Icon string
|
|
// Clickable makes the label a button reported by TagView.Clicked.
|
|
Clickable bool
|
|
// Closable adds a remove button reported by TagView.Closed.
|
|
Closable bool
|
|
Disabled bool
|
|
}
|
|
|
|
// TagView is a shown Tag and this frame's events.
|
|
type TagView struct {
|
|
Element *ui.Element
|
|
// Clicked reports the label was activated, not the remove button.
|
|
Clicked bool
|
|
// Closed reports the remove button, Delete or Backspace.
|
|
Closed bool
|
|
}
|
|
|
|
// Tag shows a label; click and remove are separate stops.
|
|
func Tag(c *ui.Context, label string, opts TagOptions) TagView {
|
|
if label == "" {
|
|
panic("mujica: Tag needs a label")
|
|
}
|
|
k := Tokens(c)
|
|
u := Density(c).Unit()
|
|
var v TagView
|
|
box := ui.Row(c).AlignItems(ui.Center).MinHeight(theme.MinHitSize).Radius(theme.ControlRadius).
|
|
Background(k.Surface).Border(theme.BorderWidth, k.Border).Shrink(0).Disabled(opts.Disabled)
|
|
v.Element = box
|
|
box.Children(func() {
|
|
var main *ui.Element
|
|
if opts.Clickable {
|
|
main = ui.ButtonBase(c).Label(label)
|
|
internal.Ring(main, k.Focus, theme.ControlRadius)
|
|
} else {
|
|
main = ui.Row(c).AlignItems(ui.Center)
|
|
}
|
|
main.Gap(u*1.5).Padding(0, u*2).FillHeight().Radius(theme.ControlRadius).TextColor(k.Text)
|
|
if opts.Clickable && !opts.Disabled {
|
|
if main.Pressed() {
|
|
main.Background(k.Selection)
|
|
} else if main.Hovered() {
|
|
main.Background(k.SurfaceHover)
|
|
}
|
|
main.Transition(colorFade)
|
|
}
|
|
if opts.Closable {
|
|
main.Padding(0, u, 0, u*2)
|
|
}
|
|
main.Children(func() {
|
|
if opts.Icon != "" {
|
|
Icon(c, opts.Icon, IconOptions{Size: 14})
|
|
}
|
|
ui.Text(c, label).FontSize(FontSize(c, theme.BodySize-1)).SingleLine()
|
|
})
|
|
if opts.Clickable && main.Clicked() {
|
|
v.Clicked = true
|
|
}
|
|
if opts.Closable {
|
|
if opts.Clickable && !main.IsDisabled() && (main.Shortcut(0, ui.KeyDelete) || main.Shortcut(0, ui.KeyBackspace)) {
|
|
v.Closed = true
|
|
}
|
|
if tagClose(c, k, label).Clicked() {
|
|
v.Closed = true
|
|
}
|
|
}
|
|
})
|
|
if v.Clicked {
|
|
slog.Debug("mujica: tag click", "label", label)
|
|
}
|
|
if v.Closed {
|
|
slog.Debug("mujica: tag close", "label", label)
|
|
}
|
|
return v
|
|
}
|
|
|
|
func tagClose(c *ui.Context, k theme.Tokens, label string) *ui.Element {
|
|
b := ui.ButtonBase(c).Size(theme.MinHitSize, theme.MinHitSize).
|
|
Radius(theme.ControlRadius).Label(fmt.Sprintf(msg(c, "tag.remove"), label))
|
|
fg := k.TextMuted
|
|
if b.Pressed() {
|
|
b.Background(k.Selection)
|
|
fg = k.Text
|
|
} else if b.Hovered() {
|
|
b.Background(k.SurfaceHover)
|
|
fg = k.Text
|
|
}
|
|
internal.Ring(b, k.Focus, theme.ControlRadius)
|
|
b.Transition(colorFade)
|
|
b.TextColor(fg).Children(func() {
|
|
Icon(c, "x", IconOptions{Size: 12})
|
|
})
|
|
return b
|
|
}
|