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,66 @@
+@props([
+    'availableHeight' => null,
+    'availableWidth' => null,
+    'flip' => true,
+    'maxHeight' => null,
+    'offset' => 8,
+    'placement' => null,
+    'shift' => false,
+    'size' => false,
+    'sizePadding' => 16,
+    'teleport' => false,
+    'trigger' => null,
+    'width' => null,
+])
+
+@php
+    use Filament\Support\Enums\Width;
+
+    $sizeConfig = collect([
+        'availableHeight' => $availableHeight,
+        'availableWidth' => $availableWidth,
+        'padding' => $sizePadding,
+    ])->filter()->toJson();
+
+    if (is_string($width)) {
+        $width = Width::tryFrom($width) ?? $width;
+    }
+@endphp
+
+<div
+    x-data="filamentDropdown"
+    {{ $attributes->class(['fi-dropdown']) }}
+>
+    <div
+        x-on:keyup.enter="toggle($event)"
+        x-on:keyup.space="toggle($event)"
+        x-on:mousedown="if ($event.button === 0) toggle($event)"
+        {{ $trigger->attributes->class(['fi-dropdown-trigger']) }}
+    >
+        {{ $trigger }}
+    </div>
+
+    @if (! \Filament\Support\is_slot_empty($slot))
+        <div
+            x-cloak
+            x-float{{ $placement ? ".placement.{$placement}" : '' }}{{ $size ? '.size' : '' }}{{ $flip ? '.flip' : '' }}{{ $shift ? '.shift' : '' }}{{ $teleport ? '.teleport' : '' }}{{ $offset ? '.offset' : '' }}="{ offset: {{ $offset }}, {{ $size ? ('size: ' . $sizeConfig) : '' }} }"
+            x-ref="panel"
+            x-transition:enter-start="fi-opacity-0"
+            x-transition:leave-end="fi-opacity-0"
+            @if ($attributes->has('wire:key'))
+                wire:ignore.self
+                wire:key="{{ $attributes->get('wire:key') }}.panel"
+            @endif
+            @class([
+                'fi-dropdown-panel',
+                ($width instanceof Width) ? "fi-width-{$width->value}" : (is_string($width) ? $width : ''),
+                'fi-scrollable' => $maxHeight || $size,
+            ])
+            @style([
+                "max-height: {$maxHeight}" => $maxHeight,
+            ])
+        >
+            {{ $slot }}
+        </div>
+    @endif
+</div>