Split into category packages; module github.com/ZacharyZhang-NY/MujicaUI

data/card.go

@@ -0,0 +1,59 @@
+package data
+
+import (
+	"github.com/egoist/mygo/ui"
+
+	"github.com/ZacharyZhang-NY/MujicaUI/core"
+	"github.com/ZacharyZhang-NY/MujicaUI/internal"
+	"github.com/ZacharyZhang-NY/MujicaUI/theme"
+)
+
+// CardOptions configure a Card.
+type CardOptions struct {
+	// Title heads the card in the serif face; empty shows no header.
+	Title string
+	// Footer builds the bottom slot, below a divider; nil shows none.
+	Footer func()
+	// Decorated draws a double border and corner ornaments in Ornament.
+	Decorated bool
+}
+
+// cardInset is how far the inner line of a decorated card sits inside.
+const cardInset float32 = 4
+
+// Card groups content on a surface with an outline. It adds no click behavior.
+func Card(c *ui.Context, opts CardOptions, body func()) *ui.Element {
+	k := core.Tokens(c)
+	u := core.Density(c).Unit()
+	pad := u * 4
+	if opts.Decorated {
+		pad += cardInset + 2
+	}
+	card := ui.Column(c).Background(k.Surface).Radius(theme.CardRadius).Gap(u * 3).Padding(pad).Role(ui.RoleGroup)
+	if opts.Title != "" {
+		card.Label(opts.Title)
+	}
+	if opts.Decorated {
+		card.Border(theme.BorderWidth, k.Ornament).DrawOver(func(p *ui.Painter, r ui.Rect) {
+			internal.Frame(p, r, cardInset, 9, k.Ornament)
+		})
+	} else {
+		card.Border(theme.BorderWidth, k.Border)
+	}
+	card.Children(func() {
+		if opts.Title != "" {
+			ui.Text(c, opts.Title).Font(theme.SerifFont).FontSize(core.FontSize(c, theme.H3Size)).FontWeight(600).LineHeight(1.3)
+			if opts.Decorated {
+				ui.Box(c).Height(7).FillWidth().Shrink(0).Draw(func(p *ui.Painter, r ui.Rect) {
+					internal.RuleDiamond(p, r, 6, 7, k.Ornament)
+				})
+			}
+		}
+		ui.Column(c).Gap(u * 2).Children(body)
+		if opts.Footer != nil {
+			ui.Box(c).Height(1).FillWidth().Shrink(0).Background(k.Border)
+			ui.Row(c).Gap(u * 2).Justify(ui.End).AlignItems(ui.Center).Wrap().Children(opts.Footer)
+		}
+	})
+	return card
+}