Download the PHP package tmc1807/laravel-tree-chart without Composer
On this page you can find all versions of the php package tmc1807/laravel-tree-chart. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package laravel-tree-chart
laravel-tree-chart
Diagram struktur pohon untuk Laravel Blade yang framework-agnostic.
Komponen Blade tunggal dan mandiri yang merender pohon bersarang apa pun sebagai diagram interaktif — dengan kartu berwarna per level, garis penghubung beranimasi, node yang bisa dilipat (collapse), panel samping, dan kemampuan menyembunyikan node. Tanpa Bootstrap, tanpa Livewire, tanpa JS/CSS eksternal: semua style dan script disuntikkan inline, hanya sekali per halaman.
Awalnya diekstrak dari modul RPJMD pohon kinerja — cocok untuk bagan organisasi, kaskade tujuan, pohon keluarga, peta situs, dan lainnya.
Dokumentasi
Dokumentasi lengkap tersedia di https://tmc1807.github.io/laravel-tree-chart:
Fitur
- Data-driven — terima array/collection/object bersarang apa pun; tidak ada syarat skema selain
id+label. - Tanpa dependensi UI — CSS minimal + vanilla JS sendiri, dengan prefiks
tc-agar tidak bertabrakan. - Aset inline — style/script hanya dikeluarkan sekali per halaman (
@once), tidak ada yang perlu di-publish atau di-build. - Node dapat dilipat — tampil/sembunyi anak dengan animasi.
- Panel samping — panel opsional (HTML/Blade apa pun) di sebelah kanan kartu, bisa di-toggle lewat switch.
- Node dapat disembunyikan — tombol
×menyembunyikan cabang dan menyisakan badge yang bisa diklik di dekat root. - Ramah Livewire — menginisialisasi pohon yang ditambahkan setelah halaman dimuat secara otomatis (mutation observer), tanpa dependensi Livewire.
- Banyak instance — beberapa pohon dalam satu halaman berbagi satu blok CSS/JS.
- Dapat dikonfigurasi — warna per level, lebar kartu/panel samping, animasi, gaya konektor.
Instalasi
Untuk pengembangan lokal lewat path repository:
Laravel meng-auto-discovery service provider. Jika aplikasi Anda menonaktifkan
package discovery, daftarkan secara manual di bootstrap/providers.php:
Mulai cepat
Bangun node sebagai array bersarang:
Skema node
| Key | Tipe | Deskripsi |
|---|---|---|
id |
string | Id unik (dipakai untuk DOM id, collapse, sembunyikan/pulihkan). |
header |
string | Teks pada baris header berwarna (mis. Misi 1). Hapus untuk menyembunyikan baris header. |
label |
string | Teks utama pada badan kartu. |
sub_label |
string | Teks sekunder redup pada badan kartu. |
photo |
string | false | URL gambar opsional yang dirender sebagai avatar bulat. Jika kosong, opsi photo_placeholder yang ditampilkan. Set false untuk menyembunyikan avatar pada node ini saja (walau opsi photo global aktif). |
position |
string | Penempatan relatif terhadap parent: down (ke bawah, default) atau side (ke samping kartu parent). |
color |
string | Warna hex untuk border kartu, header, dan garis. Jatuh ke palet per level jika tidak ada. |
width |
int | Lebar kartu dalam px; default mengikuti opsi card_width. |
children |
array | Node anak (bersarang). |
side |
string | Htmlable | Konten panel samping, dirender apa adanya ({!! !!}). Bisa view('name', [...]) atau HTML. |
side_visible |
bool | Apakah panel samping mulai terlihat (default true). |
collapsed |
bool | Mulai dengan anak terlipat (default false). |
hideable |
bool | Tampilkan tombol × untuk menyembunyikan cabang menjadi badge (default false). |
Key tambahan apa pun disimpan di extra dan diabaikan oleh renderer.
Builder helper
Alih-alih array, Anda bisa memakai builder fluent Node:
Opsi
Semua opsi bersifat opsional; default ada di config/tree-chart.php
(publish dengan php artisan vendor:publish --tag=tree-chart-config).
Demo
Halaman contoh disertakan. Aktifkan hanya saat pengembangan:
Lalu kunjungi /tree-chart/demo. Saat dinonaktifkan (default), route tidak didaftarkan.
Pengujian & gaya
Lisensi
MIT
All versions of laravel-tree-chart with dependencies
illuminate/support Version ^11.0|^12.0|^13.0
illuminate/view Version ^11.0|^12.0|^13.0