5 mins read

SVAR React Gantt v2.3 dirilis – Beragampengetahuan

Kami dengan gembira mengumumkan pembaruan besar pada SVAR React Gantt, komponen bagan Gantt sumber terbuka kami untuk aplikasi React. Peluncuran ini membawa hal yang telah lama ditunggu-tunggu Reaksi 19 Dukungan Dan jadikan paket tersebut tersedia secara resmi di GitHub di bawah GPLv3 – sesuatu yang diminta oleh banyak pengembang.

Versi 2.3 juga mencakup naskah ketikan dukungan dan fitur baru yang kuat.

Sorotan utama:

  • Bereaksi 19 dan dukungan TypeScript
  • Ketepatan waktu yang fleksibel (jam, menit, skala khusus)
  • Penskalaan otomatis dengan tanggal mulai/akhir yang dapat dikonfigurasi
  • beragampengetahuan atau editor skema yang dapat dikonfigurasi dengan validasi
  • Kontrol visibilitas beberapa penyortiran dan kolom di kisi tugas
  • Pengeditan dalam sel dan penyesuaian HTML untuk sel kisi
  • Pintasan keyboard untuk pengoperasian umum

Untuk mulai menggunakan SVAR React Gantt yang ditingkatkan, instal komponen versi terbaru melalui npm:

npm install @svar-ui/react-gantt

⚠️CATATAN: Dimulai dengan pembaruan besar ini, SVAR React Gantt telah dipindahkan ke @svar-ui/ ruang nama. Untuk petunjuk instalasi dan pengaturan rinci, lihat:

Contents

Bereaksi 19 dan TypeScript

SVAR React Gantt sekarang mendukung penuh React 19, memastikan integrasi yang lancar dengan fitur-fitur terbaru dan peningkatan kinerja dalam ekosistem React. Komponen tersebut kini dikirimkan dengan definisi TypeScript resmi, memastikan dukungan IDE yang lebih baik, keamanan mengetik, dan pengalaman pengembangan yang lebih andal.

Satuan waktu khusus

Versi 2.3 memperkenalkan dukungan untuk durasi tingkat jam dan presisi tingkat menit. Anda sekarang dapat menentukan durasi tugas (dalam jam) menggunakan yang baru durationUnit milik. Saat diatur ke "hour"editor tugas akan mengizinkan pemilihan tanggal dan waktu, yang sangat berguna untuk jadwal terperinci atau perencanaan berbasis shift.
Dokumentasi|Demo

React Gantt chart - skala jam

Anda juga dapat menampilkan tugas dengan presisi tingkat menit lengthUnit Properti yang memberi pengembang kendali penuh atas unit terkecil yang terlihat di grafik.
Dokumentasi|Demo

Skala waktu yang fleksibel

Versi baru ini menambahkan dukungan untuk unit skala waktu khusus, memungkinkan pengembang membagi garis waktu Gantt ke dalam struktur apa pun: sprint, kuartal, atau bahkan fase unik dengan durasi bervariasi.

Bagan React Gantt - unit skala khusus

Dengan unit skala khusus, Anda tidak lagi dibatasi pada rentang waktu yang telah ditentukan sebelumnya dan dapat menyesuaikan garis waktu secara tepat dengan kebutuhan aplikasi Anda.
Dokumentasi|Demo

yang baru autoScale Properti memungkinkan Anda mengontrol apakah garis waktu bagan menyesuaikan dengan data Anda atau tetap. Hal ini sangat berguna ketika bagan Gantt Anda mulai kosong atau ketika tugas ditambahkan atau diubah secara dinamis.
Dokumentasi|Demo

Kisi tugas: menyortir, mengedit, visibilitas kolom

Tampilan grid di SVAR React Gantt telah menerima peningkatan besar, menambahkan fitur yang menyederhanakan manajemen tugas dan memberikan kontrol lebih besar kepada pengguna:

  • Urutkan berdasarkan beberapa kolom – Penataan ulang dinamis dan penggabungan kriteria penyortiran
  • Pengeditan dalam sel – Edit data tugas langsung di dalam grid menggunakan editor bawaan (teks, kombo, pilihan kaya, pemilih tanggal) atau tambahkan editor khusus – Demo
  • HTML khusus dalam sel – Render konten yang fleksibel – Demo
  • menu judul – Menampilkan atau menyembunyikan kolom menggunakan menu konteks sederhana – Demo
React Gantt Chart - Mengelola Visibilitas Kolom

Pembaruan ini menjadikan SVAR React Gantt lebih kuat dan intuitif bagi pengguna akhir yang mengelola linimasa besar.

Terintegrasi dengan editor SVAR

Mulai v2.3, editor tugas kini menjadi komponen mandiri, berdasarkan SVAR React Editor dan diimpor secara terpisah. Ini memberikan fleksibilitas dan penyesuaian yang lebih besar dibandingkan formulir bawaan yang lama.

React Gantt Chart - Editor Tugas

Editor baru memungkinkan Anda untuk:

  • Tampilkan formulir sebagai beragampengetahuan atau jendela modal
  • Konfigurasikan bidang formulir dan memeriksa
  • antar pilihan Simpan otomatis atau Penyimpanan manual Alur kerja

Dokumentasi|Demo

Dukungan tombol pintas

SVAR React Gantt sekarang mendukung pintasan keyboard untuk operasi umum – menyalin, memotong, menempel, menghapus tugas, membuka editor, dan menavigasi di grid. Tombol pintas ini membuat pembuatan bagan menjadi lebih nyaman bagi pengguna tingkat lanjut.
dokumen

Peningkatan dan pelokalan pengalaman pengguna

Versi 2.3 menghadirkan beberapa peningkatan pengalaman pengguna. Kiat tugas Sekarang muncul ketika mengarahkan kursor ke bilah tugas, menampilkan detail tambahan seperti durasi, kemajuan, atau bidang khusus. Anda dapat sepenuhnya menyesuaikan konten tooltip untuk menampilkan apa yang dibutuhkan pengguna Anda.
Dokumentasi|Demo

React Gantt Chart - Keterangan alat

baru modus layar penuh Menjaga pengguna tetap fokus pada timeline tanpa gangguan – ideal untuk presentasi atau rapat perencanaan terperinci.
dokumen

Kontrol pengubahan ukuran memungkinkan Anda beralih antara tampilan hanya petak, hanya bagan, atau tampilan gabungan dan secara dinamis menyesuaikan skala petak dan bagan. Kolom Tindakan sekarang didedikasikan untuk menambahkan tugas baru, dan Anda dapat menghapusnya seluruhnya untuk tata letak yang lebih rapi.

Kami juga telah menambahkan dukungan pelokalan, sehingga kini Anda dapat dengan mudah mengadaptasi antarmuka Gantt Chart ke berbagai bahasa berdasarkan lokal aplikasi Anda.
Dokumentasi|Demo

Meringkaskan

Dengan pembaruan ini, SVAR React Gantt kini sepenuhnya kompatibel dengan React 19, membuatnya siap untuk lingkungan produksi modern dan proyek sumber terbuka. Anda dapat menjelajahi dan melakukan fork paket secara langsung di repositori GitHub React Gantt dan memanfaatkan opsi penyesuaian baru yang diperkenalkan di v2.3.

Baik Anda sedang membangun aplikasi manajemen proyek, alat penjadwalan, atau dasbor perencanaan, SVAR React Gantt menyediakan komponen garis waktu yang kuat di bawah lisensi GPLv3. Jika Anda ingin menggunakannya dalam proyek komersial, jangan ragu untuk menghubungi kami untuk detailnya.

rencana pengembangan website



metode pengembangan website

jelaskan beberapa rencana untuk pengembangan website, proses pengembangan website, kekuatan dan kelemahan bisnis pengembangan website
, jasa pengembangan website, tahap pengembangan website, biaya pengembangan website

#SVAR #React #Gantt #v2.3 #dirilis

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *