■ 概要（overview）

コンポーネント名

• FileField

レベル (Atomic Design)

• Atoms（原子）

カテゴリー（category）

• fields

■ データ（data）

【reactive/ref】

• preview - ファイルのプレビュー情報を格納するリファレンス

【props】

• id (string): ファイルフィールドのID
• class (string): ファイルフィールドのクラス
• name (string): ファイルフィールドの名前
• style (string): ファイルフィールドのスタイル
• styleReset (boolean): スタイルリセットフラグ
• isDisabled (boolean): ファイルフィールドの無効状態
• isReadonly (boolean): ファイルフィールドの読み取り専用状態

【emit】

• update:moneyValue - 日付フィールドの値が変更されたときに発行されるイベント

【computed】

• bindingClass - styleResetが true の場合は props.class を返し、それ以外の場合は revuekitz-file-field ${props.class} をクラス名として返す

■ 使用例（usecase）

<script setup>
import { FileField } from 'revuekitz'
import 'revuekitz/dist/style.css' 

const fileData = ref(null)

</script>

<template>
  <FileField
    id="fileFieldId"
    class="file-field-class"
    style="background-color: #f0f0f0; border: 1px solid #ccc;"
    name="file_field_name"
    :isDisabled="false"
    :isReadonly="false"
    v-model="fileData"
  />
</template>