feat: add resources and view components

2026-05-21 16:05:19 +07:00
parent 28a06315b8
commit b2d60e680d
249 changed files with 37379 additions and 0 deletions
@@ -0,0 +1,49 @@
+@php
+    $fieldWrapperView = $getFieldWrapperView();
+    $extraAttributeBag = $getExtraAttributeBag();
+    $isDisabled = $isDisabled();
+    $isLive = $isLive();
+    $isLiveOnBlur = $isLiveOnBlur();
+    $isLiveDebounced = $isLiveDebounced();
+    $liveDebounce = $getLiveDebounce();
+    $key = $getKey();
+    $language = $getLanguage();
+    $statePath = $getStatePath();
+    $livewireKey = $getLivewireKey();
+@endphp
+
+<x-dynamic-component :component="$fieldWrapperView" :field="$field">
+    <x-filament::input.wrapper
+        :disabled="$isDisabled"
+        :valid="! $errors->has($statePath)"
+        :attributes="
+            \Filament\Support\prepare_inherited_attributes($extraAttributeBag)
+                ->class(['fi-fo-code-editor'])
+        "
+    >
+        <div
+            x-load
+            x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('code-editor', 'filament/forms') }}"
+            x-data="codeEditorFormComponent({
+                        canWrap: @js($canWrap()),
+                        isDisabled: @js($isDisabled),
+                        isLive: @js($isLive),
+                        isLiveDebounced: @js($isLiveDebounced),
+                        isLiveOnBlur: @js($isLiveOnBlur),
+                        liveDebounce: @js($liveDebounce),
+                        language: @js($language?->value),
+                        state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$statePath}')", isOptimisticallyLive: false) }},
+                    })"
+            wire:ignore
+            wire:key="{{ $livewireKey }}.{{
+                substr(md5(serialize([
+                    $isDisabled,
+                    $language?->value,
+                ])), 0, 64)
+            }}"
+            {{ $getExtraAlpineAttributeBag() }}
+        >
+            <div x-ref="editor" x-cloak></div>
+        </div>
+    </x-filament::input.wrapper>
+</x-dynamic-component>