> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 属性タイプとセッター

> DingTalk YiDA のコンポーネント属性タイプとセッターについて解説します。Text、boolean、Number、object、array、Function、Element の各属性タイプに対応する TextSetter、BoolSetter、NumberSetter などのセッターの用途と設定方法を紹介します。

<Note>
  本ドキュメントは現在、ナレッジグループのメンバーにのみ公開されています。編集しないでください。レビュー後に公開されます。
</Note>

コンポーネントの属性タイプとセッターは、多様なユースケースに対応するためのプリセット設定オプションを提供します。各属性タイプは特定のセッターに対応しています。詳細は以下の表をご覧ください。

<table>
  <tr>
    <td>**属性タイプ**</td>
    <td>**セッター名**</td>
    <td>**説明**</td>
    <td>**図解**</td>
  </tr>

  <tr>
    <td rowSpan={5}>**テキスト**</td>
    <td>TextSetter</td>
    <td>テキストセッター：テキストタイプのコンポーネント向けの標準スタイルで、通常のテキスト入力に対応します。</td>

    <td />
  </tr>

  <tr>
    <td>I18nSetter</td>
    <td>新規追加されたコンポーネントでは、国際化はデフォルトで無効になっています。有効にするには、属性設定パネル上部の国際化ボタンをクリックします。エディタが起動し、新しい i18n エントリを作成するか、既存のエントリを検索してバインドできます。<br />すでにバインド済みのエントリについては、国際化ボタンをクリックすることで、各言語の翻訳テキストを直接編集できます。</td>

    <td />
  </tr>

  <tr>
    <td>DateSetter</td>
    <td>日付ピッカーを提供し、選択された時刻をページ上にタイムスタンプとして表示します。</td>

    <td />
  </tr>

  <tr>
    <td>ChoiceSetter</td>
    <td>カスタムコンポーネントの属性が、属性パネルに選択肢として表示されます。別の選択肢を選ぶと、ページ上のコンポーネントコンテンツが対応するプリセット値に更新されます。</td>

    <td />
  </tr>

  <tr>
    <td>ImageSetter</td>

    <td />

    <td />
  </tr>

  <tr>
    <td>**真偽値**</td>
    <td>BoolSetter</td>
    <td>カスタムコンポーネントの属性が、フォームデザインページの属性パネルにトグルとして表示されます。「オン」に設定するとコンポーネントコンテンツに `true` が表示され、「閉じる」に設定すると `false` が表示されます。</td>

    <td />
  </tr>

  <tr>
    <td>**数値**</td>
    <td>NumberSetter</td>
    <td>カスタムフォームを YiDA の数値コンポーネントに類似したコンポーネントに変換します。数値入力のみが可能で、属性パネルで入力した値がコンポーネントコンテンツに表示されます。</td>

    <td />
  </tr>

  <tr>
    <td>**オブジェクト**</td>
    <td>JsonSetter</td>
    <td>コンポーネントの属性値をオブジェクト形式のコードとして入力できます。コンポーネントコンテンツは `[object Object]` として表示されます。</td>

    <td />
  </tr>

  <tr>
    <td rowSpan={3}>**配列**</td>
    <td>OptionsSetter</td>
    <td>シンプルな配列オブジェクトの生成に使用します。通常、ドロップダウンセレクタの選択肢設定に用いられます。</td>

    <td />
  </tr>

  <tr>
    <td>ListSetter</td>
    <td>複雑なオブジェクトコンポーネントの生成に使用します。設定はやや複雑です。</td>

    <td />
  </tr>

  <tr>
    <td>JsonSetter</td>
    <td>オブジェクトセッターの JsonSetter と同様です。</td>
    <td>オブジェクトセッターの JsonSetter と同じ動作をします。</td>
  </tr>

  <tr>
    <td rowSpan={2}>**関数**</td>
    <td>ActionSetter</td>
    <td>コールバック関数の設定に使用します。ActionSetter を選択すると、実行時に **プレミアム** 配下のアクション設定として属性が表示されます。<br />ActionSetter は使用前にバインドが必要です。イベントコールバックをデフォルトでバインドする場合は、代わりに CodeSetter を使用してください。</td>

    <td />
  </tr>

  <tr>
    <td>CodeSetter</td>
    <td>コールバック関数の設定に使用します。ActionSetter とは異なり、実行時にコードボックスを直接生成します。</td>

    <td />
  </tr>

  <tr>
    <td>**要素**</td>
    <td>SlotSetter</td>
    <td>他のコンポーネントを受け入れるコンテナ型コンポーネントの構築に使用します。使用するには、まず属性を宣言して SlotSetter を選択し、次に「スロットプレースホルダー」コンポーネントをドラッグして、宣言した属性にバインドします。</td>

    <td />
  </tr>
</table>
