Olobase Bileşen Listesi
Layout
Layout, diğer adı ile VaLayout, takip eden örneklerde gösterilen bileşenleri sarmalayan ana layout bileşenidir.
AppBar
Vuetify VNavigationDrawer bileşeni ile hiyerarşik menü ve kullanıcı profili gibi bileşenleri oluşturan ana bileşenlerden biridir.
Aside
Bazı ek bilgiler koyabileceğiniz özelleştirilebilir görünümdür. Herhangi bir bağlamda, herhangi bir yerden içerik entegrasyonu için VaAsideLayout bileşeni kullanılır.
Breadcrumbs
Breadcrumb'lar için v-breadcrumbs bileşenini kullananarak geçerli rotadan otomatik olarak hiyerarşik bağlantılar oluşturur.
Footer
Bu alan VFooter bileşeni içinde bazı kurumsal bilgilerin gösterilmesini sağlayan altbilgi alanıdır.
Messages
Bu bileşen vuetify v-snackbar bileşenini kullanarak info, error, warning, success gibi özel durum mesajlarını göstermek için kullanılır.
Listeleme
List bileşeni veri tablosuna ait ayarlar, filtreler ve üst seçeneklerin görüntülenmesini sağlar.
DataTableServer
Vuetify v-data-table-server bileşenini kullanarak ızgara yapısına uyan bir listenin sayfalanması için kullanılır. Sıralama, arama, sayfalandırma, filtreleme ve seçim gibi özellikleri içerir. Varsayılan slot içinde liste düzeni tamamen özelleştirilebilir.
DataIteratorServer
Vuetify v-data-iterator bileşenini kullanarak ızgara yapısına uymayan veya özelleştirilmesi gereken verileri görüntülemek için kullanılır ve işlevsellik yönünden va-data-table-server bileşenine benzer. Sıralama, arama, sayfalandırma, filtreleme ve seçim gibi özellikleri de içerir. Varsayılan slot içindeki liste düzeni tamamen özelleştirilebilir.
Girdiler
Girdi bileşenleri, mevcut API kaynak nesnesinin belirli özelliklerinin düzenlenmesine olanak tanır. Temel olarak görünüm oluşturmak ve düzenlemek için form'larda kullanılır.
ArrayTableInput
Tablo biçiminde dizi olarak birden fazla veri girişine izin verir. Yeni veri ekleme, silme ve veri güncellemeyi destekler.
AutoCompleteInput
Aranabilir seçenekler arasından değer veya değerler seçimi sağlar. Çoklu seçim ve referansları destekler. API servisinizden bağlantılı kaynakların aranmasına izin verir.
AvatarInput
Kesme ve küçültme seçenekleri ile kullanıcıya ait bir profil resminin oluşturulmasını kolaylaştırır.
BooleanInput
Boolean girdi türüne değer boolean ya da 0/1 olarak gönderildiğinde girdi bir toggle düğme olarak gösterilir.
CheckListInput
Birinci seviyede alt alta gruplanmış checkbox input bileşenlerinin birlikte oluşturulmasını sağlar. Açılıp kapanma (toggle) özelliği, tüm girdilerin bir üst checkbox ile seçilebilmesi ve liste içinde arama gibi özellikler varsayılan olarak desteklenir.
ColorPickerInput
HEX renk kodlarının seçilmesini kolaylaştıran bileşeni oluşturur.
CurrencyInput
vue-currency-input bileşenini kullanarak kendisine gönderilen para birimini istenilen formata göre görüntüler.
DateInput
Tarih türü değerini düzenlemek için kullanılır. Vuetify tarih seçiciyle ilişkili salt okunur bir metin alanından oluşur. Zamanı değerini desteklemez, bu durum için klasik VaTextInput'u kullanın.
FileInput
Tek satır halinde dosya yüklemelerine izin verir. Bir veya birden fazla yüklemelerin her ikisi de aynı anda desteklenir. Yüklenen dosyaların önizlemesini göstermek için VaFileField veya VaImageField'ı bu elementle birlikte kullanın.
NumberInput
Sayı düzenleme için optimize edilmiştir. Min, max ve step özelliklerini destekler.
PasswordInput
Şifre alanları için kullanılır. Geçerli giriş için gösterme/gizleme davranışı vardır.
RadioGroupInput
Bir seçim listesinden değer seçmenizi sağlar. Referansları destekler. Hiçbir seçenek yoksa, varsayılan olarak, src/I18n/locales/tr.json dosyasından kaynak içeren yerelleştirilmiş listeleri alabilir.
RatingInput
Sayı değerini derecelendirme yıldızları olarak düzenleyin. Yarım artışlar etkinse değer geçerli bir tam sayı veya ondalık sayı olmalıdır. Simgeler, Vuetify ayarlarında $ratingFull, $ratingEmpty ve $ratingHalf aracılığıyla düzenlenebilir.
RichTextInput
Trix kullanarak bir Wysiwyg HTML editörü oluşturur.
TinyMceInput
Create a WYSIWYG HTML editor using Tinc MCE GPL license.
SelectInput
Bir seçim listesinden değer veya değerler seçmenizi sağlar. Çoklu seçimleri ve referansları destekler. Hiçbir seçenek yoksa, varsayılan olarak, src/I18n/locales/tr.json dosyasından kaynak içeren yerelleştirilmiş listeleri alabilir.
SheetInput
Yüksek sayıdaki excel verilerini okuyup cli modunda veritabanına eklemenize olanak sağlayan girdi bileşenidir. İçeri alınan verileri kaydetmek için kendi oluşturduğunuz bir sheet kaydetme şablonu ile kullanılmalıdır.
TextInput
Temel metin girişi yoluyla metin değeri türü için metin düzenler. Çok satırlı destek aracılığıyla uzun metinler için textarea modunu destekler. Herhangi bir tarih, tarihsaat veya saat düzenlemesi için kullanılabilir; tarih, tarihsaat-yerel veya saate göre ayarlanan türü kullanın. İşlem tarayıcı desteğine bağlı olacaktır.
Diğerleri
Yukarıdaki 3 maddeye de uymayan bileşenler "Diğerleri" başlığı altında burada listelenmiştir.
LanguageSwitcher
LanguageSwitcher bileşeni kullanıcının varsayılan dil değerini belirlemesini sağlar.
