Ankündigung von Stimulus FX: Benutzerdefinierte Aktionsoptionen für Stimulus

Dieser Artikel wurde ursprünglich auf Rails Designer veröffentlicht

---

Kürzlich habe ich einen Artikel über benutzerdefinierte Aktionsoptionen in Stimulus veröffentlicht. Es erklärt, wie Sie diese verwenden können, um erweiterte Aktionen mit benutzerdefiniertem JavaScript zu erstellen. Es ist ziemlich nett, schauen Sie sich den Artikel an, wenn Sie mehr wissen wollen!

Während ich den Artikel schrieb und meine eigenen Apps anhand von Beispielen überprüfte, fiel mir auf, dass ich häufig dieselben benutzerdefinierten Aktionsoptionen wiederholte. Als Entwickler fing diese Art von Wiederholung an, mir Unbehagen zu bereiten. Also habe ich beschlossen, was jeder vernünftige Entwickler tun würde: sie verpacken! ? ?

Hier ist also: Stimulus FX. Es ist auch auf GitHub und NPM verfügbar.

Die Verwendung ist einfach. Nachdem Sie das Paket mit Ihrem Lieblingstool hinzugefügt haben, brauchen Sie nur noch:

// Import everything
import { registerActionOptions } from "stimulus-fx";
registerActionOptions(application);

// Or import specific actions
import { whenOutside } from "stimulus-fx/actions";
application.registerActionOption("whenOutside", whenOutside);

Dann können Sie die Option whenOutside in Ihrem HTML folgendermaßen verwenden:

<div data-controller="dropdown">
  <ul data-dropdown-target="menu" data-action="click@window->dropdown#hide:whenOutside">
  </ul>
</div>

Stimulus FX hat derzeit vier nette Aktionsoptionen, aber ich habe vor, bald weitere hinzuzufügen! Es ist auch OSS, also helfen Sie mir bitte, es zu verbessern! ❤️

Das obige ist der detaillierte Inhalt vonAnkündigung von Stimulus FX: Benutzerdefinierte Aktionsoptionen für Stimulus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!