本ファイルでは、index.js テンプレートを使用した index.js の仕様について説明します。 詳細については、 「ウィジェットの例」をご参照ください。

共通の関数

  • render(array: data, object: config) || updateOptions(object: config)

    render 関数がデフォルトのレンダリング方法です。 ウィジェットが初期化された後、ウィジェットレンダリングロジックが呼び出されます。 入力パラメータは "data" と "config" で、config パラメーターはオプションです。 updateOptions 関数は、レンダリング効果を変更するためのパラメーターとして更新された設定アイテムを受け取ります。

    • "render" と "updateOptions" はどちらもレンダリングメソッドです。 "render" が config (2 番目のパラメータ) をサポートする場合、"updateOptions" はオプションです。
    • updateOptions 関数が存在する場合、(render ではなくて) "updateOptions" は更新された設定項目を受け取ります。
    • 再レンダリングがサポートされている必要があります。 同じレンダリング効果を確実にするために、"data" と "config" の入力の値は同じ入力値でなければなりません。
    設定項目に handler 関数が設定されている場合、この関数が更新された設定項目を受け取ります。 handler 関数を設定して、複雑な設定項目を持つウィジェットの可用性を向上させることができます。
  • emit(event_name, value)

    この機能を使用すると、package.json のウィジェットを使用してイベント名とグローバルパラメーターを設定できます。 前のウィジェットと同じプロジェクト内にある他のウィジェットの場合、データ設定中にコロン (:) を使用してグローバル・パラメーター名を呼び出すことによって、グローバル・パラメーターの値を取得できます。

    重要 value の値はオブジェクトである必要があり、値にはできません。
  • resize(int: width, int: height)

    この関数はウィジェットをドラッグまたはサイズ変更するために呼び出されます。

  • clear()

    この関数はウィジェットをクリアするために呼び出されます。

  • destroy()

    この関数はウィジェットを削除または削除するために呼び出されます。

  • require(*)

    この機能は JavaScript と HTML をサポートしています。