宣布刺激外匯：刺激的自訂操作選項

本文原刊於 Rails Designer

---

最近我發表了一篇關於 Stimulus 中自訂操作選項的文章。它解釋瞭如何使用它們透過自訂 JavaScript 建立更高級的操作。非常簡潔，如果您想了解更多，請查看文章！

在撰寫文章並查看我自己的應用程式的範例時，我注意到我經常重複相同的自訂操作選項。身為一名開發人員，這種重複開始讓我感到不安。所以我決定每個理智的開發人員都會做出決定：將它們打包！ ？ ？

這就是：刺激外匯。它也在 GitHub 和 NPM 上。

使用很簡單。使用您最喜歡的工具添加軟體包後，您所需要的只是：

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

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

然後，對於 whenOutside 選項，您可以在 HTML 中像這樣使用它：

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

Stimulus FX 目前有 4 個可愛的動作選項，但我計劃很快添加更多！它也是OSS，所以請幫我改進它！ ❤️

以上是宣布刺激外匯：刺激的自訂操作選項的詳細內容。更多資訊請關注PHP中文網其他相關文章！