{{-- header --}} @php($breadcrumbs = [ 'テンプレート|部品'=>route('xtemplates.parts'), '入力部品'=>null ])
{{-- 共通 --}} 共通部品 %PARTS%ENTRY%COMMON%
{{-- |文字列・日付 --}}
文字列・日付
テキスト x-input.text
テキストエリア x-input.textarea @php($value="あいうえお\nかきくけこ\nさしすせそ")
日付 x-input.date
{{-- |数値・金額 --}}
数値・金額
コード x-input.code 前ゼロ(5桁とする場合)
個数・金額 x-input.number カンマ編集
小数以下有り x-input.number カンマ編集(小数以下2桁までとする場合)
|digitに小数以下桁数を指定
小数以下の桁数変更 x-input.number

※ 入力値を変更するまでは、値の切り捨てはしない
(小数以下桁数だけ変更しても値を維持する)
カンマ編集(小数以下は動的に変更|初期表示5桁)
|isVaryDigitにtrueを指定、setDigit()にて桁数変更
{{-- |Enum項目 --}}
単一・複数選択項目
チェックボックス
|単一
x-input.check チェック時はOnの指定値(デフォルト:1)、非チェック時はOffの指定値(デフォルト:'')、初期値のvalueとの一致でOn/Off切替、textでラベル指定、borderで外枠調整
チェックボックス
|複数
x-input.checks @php($items = [(object)['value'=>'1', 'name'=>'名称1'],(object)['value'=>'2', 'name'=>'名称2']]) itemsで項目リストを指定、それ以外はx-input.enum-checksと同じ
ラジオボタン x-input.radios @php($items = [(object)['value'=>'1', 'name'=>'名称1'],(object)['value'=>'2', 'name'=>'名称2']]) itemsで項目リストを指定、それ以外はx-input.enum-radiosと同じ
{{-- |Enum項目 --}}
Enum項目
セレクト x-input.enum-select required指定で空白先頭行を調整
ラジオボタン x-input.enum-radios required指定で「指定しない」調整、borderで外枠調整
チェックボックス x-input.enum-checks
フラグチェック x-input.enum-check-flag チェック時はOnの値(On:1)、非チェック時は空('')(required指定で非チェック時にOffの値(Off:9))
無効 x-input.is-active チェック時はOffの値(Off:9)、非チェック時は空('')(required指定で非チェック時にOnの値(On:1)、textでラベル変更)
はい・いいえ x-input.radio-yes-no はい・いいえ・指定しない、の選択
未・済 x-input.radio-completed 未・済、の選択
{{-- |住所 --}}
住所
郵便番号 x-input.postal-code yubinbango.js使用
( 親要素でh-adr指定、hiddenでp-country-name指定、 郵便番号で親要素ID指定・p-postal-code指定、 住所1でp-region p-locality p-street-address p-extended-address指定)
都道府県 x-parts.select-prefecture
住所1
住所2
住所3
{{-- |住所(入力モーダル) --}} {{--
住所(入力モーダル)
住所入力 x-input.address @php($delivery = \App::make(\App\Repositories\CustomerDeliveryRepository::class)->find(11)) モーダル表示で住所入力
( フィールド名は postal_code・address1・address2 を使用している為、 ***_postal_code・***_address1・***_address2 として使用したい場合は、 prefix="***_"と指定)
--}}
{{-- カスタム --}} カスタム部品 %PARTS%ENTRY%CUSTOM%
{{-- |コンポーネント --}}
マスタ選択
セレクト x-parts.select-*** 必要に応じて、 \app\View\Components\Parts\SelectXmaster.php をコピーして Select***.php を作成
検索機能付きセレクト livewire:parts.input-*** 必要に応じて、 \app\Livewire\Parts\InputXmaster.php をコピーして Input***.php を作成
document内に
<x-modal.search key="search" id="search" /> を配置