43 原语
AUP 定义了跨平台语义原语。每个原语声明渲染什么——运行时决定如何渲染。智能体将这些构建模块组合成任意 UI。
布局
用于组织 UI 元素的容器和结构原语。
Universal container. Supports column, row, grid, stack, overlay-grid layouts. Tabs, collapsible panels, backgrounds, stagger animations.
Modal dialogs, toast notifications, bottom sheets, popovers, command palettes, and confirm prompts.
Slide deck / carousel. Supports auto-play, loop, and navigation controls.
Iframe container for full-page isolation. Bridge API for postMessage communication with the parent surface.
Scrolling ticker / marquee for live data feeds.
Branded site-shell header. Composes logo + chain selector + nav + global search + theme toggle + live micro-bar tickers in one configurable component.
Branded site-shell footer. Multi-column links, brand block with social icons, optional bottom bar with copyright + legal links + version slot.
内容
用于展示文本、媒体、数据可视化和丰富内容的原语。
Text display with heading levels (1-6), scale (xs-2xl), intent (info/success/warning/error), markdown rendering, count-up animation.
Images, video, and audio with responsive sizing and format support.
Data visualization: bar, line, pie, doughnut, area, radar. Static data or live AFS binding via src.
Data table with columns, sorting, row selection, pagination. Supports live data via src.
Rich text / code editor with syntax highlighting and markdown support.
Date picker and calendar view with event display.
Time display with formatting options, relative time, and countdown.
Lunar phase visualization based on date.
Astrological natal chart visualization.
3D globe visualization with markers and data overlays.
Interactive map with markers, routes, and geolocation.
输入
用于收集用户数据的表单控件和交互式输入。
All input types: text, password, textarea, number, email, url, date, time, select, toggle, slider, checkbox, radio, file, color. State-bound.
Buttons and clickable triggers. Variants: primary, secondary, destructive, ghost. Supports icon, loading, disabled states.
Command palette / search bar with fuzzy matching and keyboard navigation.
数据
用于浏览和展示 AFS 路径数据的原语。
AFS data list with layout (list/grid/masonry/slideshow/table) x itemStyle (row/card/compact/media/hero) matrix. Filter, sort, paginate.
Navigation list with breadcrumb, back button, and hierarchical path browsing.
Elevated container connecting to AFS paths or remote AUP servers. WebSocket auto-reconnect, multi-view discovery.
Specialized financial chart with candlestick, OHLC, and volume data.
Detail-page label/value rows with format / tooltip / navigateTo / copyable / strikethrough per field. Shares the afs-list column formatter vocabulary.
Top-of-detail multi-card overview row. 1-N cards (label/value or inline AUP subtree), auto-sizing via data-layout, per-card hideWhenEmpty.
视觉
丰富的视觉和交互式显示原语。
Large hero section with background image/video, title, subtitle, and call-to-action.
WebGL-powered animated hero background with particle effects.
Photo story / gallery with captions and scroll-linked transitions.
Scroll-linked animation sections for storytelling.
Expandable text+image card with smooth reveal animation.
Text with highlighted segments and annotation overlays.
HTML5 Canvas for custom drawing, games, and interactive graphics.
3D progress bar with WebGL rendering.
通信
实时通信和终端交互原语。
Live broadcast overlay with TV-style graphics package (roles + overlay themes).
Terminal emulator with command input and output display.
Block reveal animation for content entrance effects.
Typewriter-style text animation.
系统
系统级和工具类原语。
Placeholder for content that will be loaded later. Shows skeleton/shimmer state.
Fallback renderer for unrecognized primitive types.
Formatted data cell for tables — handles numbers, dates, currencies, percentages.
Classic xeyes widget — follows mouse cursor.