Başvuru
Arayüz düğümleri
AdanotchKit.ui yardımcıları ve ürettikleri düğümlerin tamamı.
Her yardımcı düz bir JSON düğümü döndürür; istersen düğümü elle de yazabilirsin ({ type: "text", value: "42" }). Bir görünüm en fazla 2000 düğüm ve 32 seviye derinlik içerebilir.
Ortak tipler
Tone:"default" | "secondary" | "accent" | "success" | "warning" | "danger"TextStyle:"title" | "body" | "caption" | "mono" | "display"Symbol: bir SF Symbols adı
default
Temel metin ve simgeler
Örneksecondary
Yardımcı metin ve etiketler
Örnekaccent
Vurgu, bağlantı, sayaç
Örneksuccess
Tamamlanan, onaylanan
Örnekwarning
Uyarı, bekleyen durum
Örnekdanger
Kritik sınır, hata
ÖrnekMetin ve simge
| Yardımcı | Seçenekler | Not |
|---|---|---|
text(value) | style, tone | value metin ya da sayı |
markdown(value) | tone | Kalın, eğik, satır içi kod, https:// bağlantılar |
icon(name) | tone | SF Symbols |
image(src) | shape: "rounded" | "circle", size | HTTPS, yalnız network: alan adları; boyut 16–120, varsayılan 40 |
badge(text) | tone | Küçük etiket |
Veri
| Yardımcı | Seçenekler | Not |
|---|---|---|
ring(value) | label, tone | 0–100 |
gauge(label, value) | tone | 0–100; kompakt alanda 42% |
progress(value) | tone | 0–100; kompakt alanda küçük halka |
chart(values) | style: "line" | "area" | "bar", min, max, tone | En fazla 500 değer |
timer(date) | style: "timer" | "relative", textStyle, tone | Kendi kendine sayar; date Date ya da ms |
80%CPU
45%RAM
Depolama64%
Düzen
| Yardımcı | Seçenekler | Not |
|---|---|---|
stack(children) | axis: "h" | "v", spacing, align: "start" | "center" | "end" | Varsayılan dikey; boş çocuklar atlanır |
grid(children) | columns, spacing | |
scroll(child) | maxHeight | |
tabs(tabs) | — | { title, icon?, content }[]; geçiş eklentiyi çağırmaz |
divider() | — | |
spacer() | — | Yığında komşuları iter |
Kontroller
| Yardımcı | Seçenekler | onAction değeri |
|---|---|---|
button(label, action) | icon, primary, value | value ya da null |
toggle(label, action, isOn) | — | Yeni boolean |
slider(action, value) | min (0), max (100), step, label | Bırakılan sayı |
textField(action) | value, placeholder, changeAction | Return'de metin; changeAction ile yazarken de |
picker(action, value, options) | label | Seçilen value; seçenekler metin ya da { value, label } |
list(items) | — | Tıklanan satırın value'su |
v1.0
Ekran Parlaklığı70
ListItem
Alan
Tür
Görünüm
interface View {
compact?: { leading?: CompactNode | null; trailing?: CompactNode | null } | null;
expanded?: Node | null;
}
// Kompakt alana sığanlar:
type CompactNode = TextNode | IconNode | BadgeNode | TimerNode | GaugeNode | RingNode | ProgressNode;34%
SistemCanlı
42%CPU
68%RAM
Macintosh HD64%