FxInfiniteGrid
VisualisierungEndloses Raster, das sich beim Ziehen fortsetzt.
::fx-infinite-grid Im Zusammenhang ansehen Übernommen aus Inspira UI (infinite-grid), MIT-Lizenz.
Beispiele (1)
Endloses Raster
API
Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.
Props
| Prop | Typ | Standard | Bedeutung |
|---|---|---|---|
cardDataPflicht | CardData[]; | — | — Ein Eintrag besteht aus:
|
options | Partial<InfiniteGridOptions>; | () => ({}) | — Ein Eintrag besteht aus:
|
onTilesLoaded | () => void; | — | — |
Slots
Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.
Emits
| Event | Nutzlast |
|---|---|
tileClicked | — |
Aus Markdown nicht erreichbar. MDC kann keine Events abonnieren. Wer auf diese Events reagieren muss, bindet den Baustein in einer .vue-Datei ein.
Theme
Dieser Baustein hat keine Fläche in der app.config.ts.
Sein Aussehen steuerst du über Props — bei den didaktischen Bausteinen über das gemeinsame Farbrollen-Vokabular (color, variant), bei den dekorativen über deren eigene Props. Eine Theming-Ebene wie ui.<komponente> in Nuxt UI gibt es hier noch nicht.
Changelog
- Behoben
0.3.0Wer während des Texturaufbaus die Seite wechselte, ließ den Renderer zerstört zurück; der laufende
init()griff dann ins Leere - Behoben
1.29.0Schreiben in den Fortschrittsspeicher geschieht je Schlüssel nacheinander, und zuletzt immer der neueste Stand. Vorher liefen Schreibvorgänge gleichzeitig, und der zuletzt fertige gewann: Ein Quiz blieb mit dem Stand von vor „Antwort prüfen“ stehen, eine Reflexion (Freitext, je Tastendruck geschrieben) konnte mit abgeschnittenem Text enden
- Hinzugefügt
1.29.0useLmsProgressnimmt als viertes ArgumentbeimLaden: gerufen, wenn ein gespeicherter Stand angekommen ist - Hinzugefügt
1.29.0LmsProgressMetakenntpointsundmaxPointsfür Bausteine, die Punkte zählen.scorebleibt der Anteil richtiger Antworten; Punkte gewichten anders und dürfen negativ sein - Hinzugefügt
1.28.0Überarbeitungen: Werkzeug
untertitel_erzeugen(nur auf Hinweis der Redaktion). Die Brücke holt Videos ohnesubtitles-srcüberki-auftrag-videoder Plattform, schreibt mit WhisperNotesmedien/<kennung>.srtund trägt es ein; wahlweise nur für bestimmte Nuggetdateien - Hinzugefügt
1.28.0Aufträge: Beim
pruefenundabgebenschreibt die Brücke für jedeslms-videoohnesubtitles-src, dessen Video im Paket liegt, mit ffmpeg und WhisperNotes ein.srtdaneben und trägt es alssubtitles-srcein (playground/server/utils/untertitel.ts). Ein zweiter Lauf tut nichts; ohne WhisperNotes bleibt das Paket, wie es ist, und der Agent erfährt es - Hinzugefügt
1.27.0Aufträge: Überarbeitung eines vorhandenen Lernpfads. Die Plattform gibt den Lernpfad als Paket mit (
ausgang), die Brücke legt ihn nachpaket/und unverändert nachbestand/. Zwei Werkzeuge mehr:plan_vorlegenundrueckfragewarten auf die Antwort der Redaktion, die die Brücke bei der Plattform abholt (ki-auftrag-frage,ki-auftrag-antwort) — Antworten geht so auch aus einem anderen Fenster. Endet ein Lauf ohne Abgabe, meldet die Brücke das - Hinzugefügt
1.27.0Brücke:
POST /api/editor/ki/abschreibenschreibt eine Sprachnotiz ab (ffmpeg + WhisperNotes), für fremde Gastgeber freigegeben wieverfuegbar - Hinzugefügt
1.26.0Datum im Inhalt:
2026-10wird beim Zeichnen gerechnet statt im Text zu stehen — vor dem zweiten Doppelpunkt der Versatz in Tagen, dahinter das Schema (JJJJ,JJ,MM,TT; englischYYYY,YY,DD), beides entbehrlich. Der Versatz zählt Tage, mit angehängtemj/yJahre — nötig, wo im Inhalt eine Zahl danebensteht: Im Passwort-Beispiel stehtLuna2021!neben „Luna wird heute 5!“, und5 × 365Tage lägen nach einem Schaltjahr im falschen Jahr. Ohne Schema gilt das der Sprache,content.dateFormat, überschreibbar wie jede Beschriftung. Wirkt in jedem Textfeld, das durchLmsMarkdownläuft, und zusätzlich in den reinen Textfeldern der Mail-Attrappen (Betreff, Absender, Adresse, Vorschauzeile, Linkziel, Anhangsname) in LmsPhishingQuiz, LmsMailTriage und LmsMockMail. Damit veraltet ein Beispiel nicht mehr: Eine Phishing-Mail mit einer Rechnungsnummer von vorgestern ist glaubwürdig, eine von 2024 verrät sich an der falschen Stelle. Der Tag kommt aususeStichtag()— auf dem Server gerechnet, über die Nutzlast in den Browser, dort einmal nachgebessert, damit auch eine vorgerenderte Seite nicht den Tag ihres Builds trägt. Geprüft vonpnpm run datum-test. Auch dort eingesetzt, wo ein Feld nicht gerendert, sondern verglichen oder zerlegt wird: das gesuchte Passwort in LmsPasswordHunt und die Tage eines Rasters in LmsHeatmap — ein Raster mit festen Tagen zeigt nach zwölf Wochen nichts mehr - Hinzugefügt
1.25.0Aufträge: Folien, Word-Seiten und PDFs liegen zusätzlich als Seitenbilder im Auftragsordner (LibreOffice +
pdftoppm, ausgeblendete Folien mit, damit die Nummern zum Textauszug passen) — der Textauszug kennt keine Anordnung, und Schaubilder gingen verloren - Hinzugefügt
1.25.0Aufträge über die Brücke (
/_ws/ki-auftrag): Ein Agent baut aus hochgeladenem Material in einem eigenen Ordner ein Lernpfadpaket, prüft es bei der Plattform und gibt es dort ab;useLmsBausteinwissen()liefert ihm Katalog, Typen, Konventionen und Muster.laufeCodex()nimmt einen eigenen Arbeitsordner, der MCP-Kanal eine eigene Werkzeugliste - Behoben
1.16.2Die Umbrüche richten sich nach der eigenen Breite, nicht nach dem Fenster. Nach
LmsHeadersind die übrigen 28 Bausteine mitsm:/md:/lg:nachgezogen: Raster, Seitenspalten und Zeilenumbrüche fragen jetzt per@containerihren eigenen Platz ab - Hinzugefügt
1.15.0Die eingebauten Beschriftungen gibt es auf Englisch. Gewählt wird über
lms.sprachein derapp.config.ts(deoderen);labelsgilt weiterhin und liegt über der gewählten Sprache, so dass sich einzelne Texte weiter austauschen lassen - Geändert
0.7.0src/runtime/utils/totp.tskommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an@ts-nocheckbleibt bei 51, und keine Ausnahme liegt außerhalb vonfx/ - Hinzugefügt
0.6.0useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mitget/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt - Behoben
0.4.0Die Warnung
Slot "default" invoked outside of the render functionerscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen - Hinzugefügt
0.3.0Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
- Hinzugefügt
0.3.0Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten,
{count=14}übergibt"14" - Hinzugefügt
0.2.0API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
- Hinzugefügt
0.2.0Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
- Geändert
0.2.0Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
- Geändert
0.2.0Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet:
motion-vstand mit 50 statt 54 Komponenten darin,@uiw/color-convertunter „je 1", obwohl es drei sind - Hinzugefügt
0.1.0Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische
Lms- und 147 dekorativeFx-Bausteine aus Inspira UI