Bu bölümde Olobase Admin'de kullanılan tüm mixin kütüphanelerinin referansını bulacaksınız.
Göster, Oluştur ve Düzenle için kullanılan CRUD eylem sayfası işlevlerini içerir.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
title | string |
Sayfanın isteğe bağlı h1 başlığını belirler. |
Kaynakla ilgili tüm bileşenler için kullanılır.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
resource | string |
Kullanılacak kaynağın adı. Etiket yerelleştirmesi ve bağlam eylemi etkinleştiricileri için gereklidir. Varsayılan davranış yönlendirici bağlamından getirmektir. |
Kaynağın belirli özelliğini kullanması gereken bileşenler için kullanılır.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
source | string |
Gösterilecek değeri getirmek için kaynağın özelliği. Slotlanmış nesne için nokta gösterimini destekler. |
Veri gösterisi için kullanılan tüm alanlar için ana alan karışımı. Geçerli kaynaktan özellik kaynağı değerini otomatik olarak getirebilir. Kendi alan bileşeninizi oluşturmak için bu bileşeni kullanın.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
source | string |
Gösterilecek değeri getirmek için kaynağın özelliği. Slotlanmış nesne için nokta gösterimini destekler. |
item | null |
VaShow bileşeni tarafından enjekte edilen varsayılan öğeyi geçersiz kılar. |
Kaynak özelliğinin düzenlenmesi veya oluşturulması için kullanılan tüm girdiler için ana girdi karışımı. Ana formun modelini otomatik olarak günceller. Kendi giriş bileşeninizi oluşturmak için bu bileşeni kullanın.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
source | string |
Gösterilecek değeri getirmek için kaynağın özelliği. Slotlanmış nesne için nokta gösterimini destekler. |
model | string |
Varsayılan olarak kaynak, oluşturma/güncelleme için API'ye gönderilecek son ad olacaktır. Bu destek, bu varsayılan davranışı geçersiz kılmanıza olanak tanır. |
Genel tuş bileşenleri için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Düğmeye eklenen öğe. |
icon | boolean |
True ise tuşu yalnızca simgeyle gösterir. |
color | string |
Metin özellik değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
Her tür eylem tuşu için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
icon | boolean |
True ise tuşu yalnızca simgeyle gösterir. |
label | boolean |
Sonraki etiket simgesi veya araç ipucu olarak gösterilen düğmenin etiketi. |
hideLabel | boolean |
Simgenin yanındaki etiketi gizle. Araç ipucu olarak görünecek. |
color | string |
Metin özellik değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
text | boolean |
Arka planı olmayan metin olarak göster. |
Yönlendirmeyi destekleyen tuşlar için disableRedirect desteği etkin olmadığı sürece herhangi bir oluşturma eylemi mevcut değilse tuş otomatik olarak gizlenecektir.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Düğmeye eklenen öğe. |
icon | boolean |
True ise tuşu yalnızca simgeyle gösterir. |
color | string |
Metin özellik değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu düğmeler için varsayılan yönlendirme davranışını devre dışı bırakır. |
Kaynak arama bileşenleri için VaList veya VaAutocompleteInput gibi ortak özellikler sağlar. GetList veri sağlayıcısını kullanır.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
filter | object |
Dahili aktif filtre. Filtre parametrelerinin içinde veri sağlayıcınıza gönderilir. |
fields | array |
API tarafı için seçilecek alanların listesi. İç içe alanlar için nokta gösterimini destekler. Veri sağlayıcınıza alan parametreleri içinde gönderilir. |
sortBy | array |
Sıralanmış alanların listesi birden fazla olabilir. Sıralama parametrelerinin içinde veri sağlayıcınıza gönderilir. |
sortDesc | array |
Sıralanan her alan için sıralama durumu listesi, boolean değeri true ise DESC olarak sıralanır. Sıralama parametrelerinin içinde veri sağlayıcınıza gönderilir. |
include | array , object |
API tarafı için mevcut kaynağa dahil edilecek ilgili kaynaklar. Talep üzerine istekli yüklemeye izin verir, veri sağlayıcınıza include parametreleri içinde gönderilir. |
itemsPerPage | number |
Her sayfa için listede gösterilecek maksimum öğe sayısı. Veri sağlayıcınıza pagination.perPage parametreleri içinde gönderilir. |
disableItemsPerPage | boolean |
Sunucu tarafında zorunlu olarak sorgudaki sayfa başına öğeleri devre dışı bırakır. Düzgün istemci tarafı çağrı cihazı hesaplaması için itemsPerPage'in hala gerekli olduğuna dikkat edin. |
Tüm çip tabanlı alanlar için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
color | string |
Çipin rengi, belirli bir değere göre dinamik renk için bir fonksiyon olabilir. |
small | boolean |
Küçük çip |
to | boolean |
Gerekirse çiple ilişkili yönlendirici bağlantısı. |
Tüm girdi alanları için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
parentSource | string |
Dizi girişi için ana kaynağın özel durumu. |
prependIcon | string |
Bileşene baş kısmına harici bir simge ekler. Geçerli bir MDI olmalıdır. |
appendIcon | string |
Bileşenin son kısmına harici bir simge ekler. Geçerli bir MDI olmalıdır. |
prependInnerIcon | string |
Bileşenin baş kısmına dahili bir simge ekler. Geçerli bir MDI olmalıdır. |
appendInnerIcon | string |
Bileşenin son kısmına dahili bir simge ekler. Geçerli bir MDI olmalıdır. |
hint | string |
İpucu metni. |
hideDetails | string , boolean |
İpucu ve doğrulama hatalarını gizler. Otomatik olarak ayarlandığında mesajlar yalnızca görüntülenecek bir mesaj (ipucu, hata mesajı, sayaç değeri vb.) varsa işlenir. |
density | boolean |
Giriş yüksekliğini azaltır. |
required | boolean |
Varsayılan gerekli istemci tarafı kuralını ekler. |
label | string |
Varsayılan etiket davranışını geçersiz kılar. Varsayılan, yerelleştirilmiş VueI18n etiketini hem kaynaktan hem de mülk kaynağından almaktır. |
labelKey | string |
Çevrilen etiket olarak varsayılan kaynak anahtarını geçersiz kılar. |
placeholder | string |
Eğer girdi alanı destekliyorsa placeholder niteliğine girilen değeri atar. |
clearable | boolean |
Girdi alanı eğer destekliyorsa silinebilir niteliğini bu alana atar. |
index | number |
Giriş değerinin bir array olması durumunda spesifik alan indeksidir. Değeri iyi bir zamanda güncellemek için bunu parentSource prop ile kullanın ve form modeline yerleştirin. |
errorMessages | array |
İpucu olarak gösterilecek özel hata doğrulama mesajlarının listesi. |
Derecelendirme alanı ve girdi bileşenleri için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
color | string |
Aktif derecelendirmeler için düz renk. |
backgroundColor | string |
Boş derecelendirmeler için kontur rengi. |
length | string , number |
Gösterilecek derecelendirme miktarı. |
halfIncrements | boolean |
Yarım artışların seçimine izin verir. |
Tüm seçimlere dayalı alanlar veya girdiler için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
itemText | string , array , func |
Metni gösterme özelliği. |
itemValue | string , array , func |
Değerin nereden alındığını belirtir. |
choices | array |
Seçim için seçeneklerin listesi. Varsayılan olarak VueI18n kaynak yerel ayarlarınızdan yerelleştirilmiş numaralandırmaları alır. |
VaReferenceField veya VaReferenceArrayField olarak kaynak referansını destekleyen tüm alan bileşenleri için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
reference | string |
Bağlanılacak kaynağın adı. |
action | string , array , func |
Bağlanacak varsayılan CRUD sayfası. |
itemText | string |
İç hedeflenen kaynağı dizelemek için kullanılan özellik. Daha fazla özelleştirme için bir işlev kullanın. Hiçbir şey ayarlanmadıysa varsayılan olarak genel etiket özelliği kaynağını kullanın. |
itemValue | string |
Bağlantı oluşturma için kimlik değerinin alındığı yeri belirtin. |
Dizi olarak birden fazla değere izin veren girdi bileşenleri için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
v-model | string , array |
Düzenlenecek değer. Birden fazla ise varsayılan olarak dizidir. |
multiple | boolean |
Girişin birden fazla değeri dizi olarak kabul etmesine izin verir. |
variant | string |
Varyant desteği, metin alanınızın stilini özelleştirmenin kolay bir yolunu sağlar. Şu değerler geçerli seçeneklerdir: solo, filled (varsayılan), outlined, plain, underlined. |
chips | boolean |
Her öğe için çip kullanımını sağlar. Varsayılan olarak birden fazlaysa etkindir. |
smallChips | boolean |
Küçük çipler kullanılmasını sağlar. |
Tüm dosya yükleme girişleri için ortak özellikler sağlar.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
source | string |
Gösterilecek değeri getirmek için kaynağın özelliğidir. Slotlanmış nesne için nokta gösterimini destekler. |
item | null |
VaShow tarafından enjekte edilen varsayılan öğeyi geçersiz kılar. |
src | string |
Dosya nesnesinin kaynak özelliği, orijinal dosya kaynağının bağlantı yolu. |
title | string |
Başlık ve alt nitelikleri için kullanılan dosya nesnesinin başlık niteliğini ayarlar. |
fileName | string |
Dosya nesnesinin dosya adı özelliği; dosyalar için bağlantı metni olarak gösterilir. |
target | string |
Bağlantı için hedef değer, varsayılan olarak harici. |
clearable | boolean |
Esas olarak VaFileInput için kullanılır, dosyaların veya görsellerin kaldırılmasına izin verir. |
model | string |
Silinecek dosyanın kimliklerini içeren API'ye gönderilen özelliğin adını belirler. |
itemValue | string |
Silinecek dosyaları tanımlamak için kimlik değerinin alındığı yeri (varsayılan: "id") belirtir. |
Olobase Admin içerisindeki bazı yardımcı fonksiyonlar utils.js içerisinde varsayılan olarak yer alır.
Metotlar
Metot | Açıklama |
---|---|
this.generateUid() | Rastgele bir GUUID üretir: xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx. Eğer konfigürasyon dosyanızda form.disableGenerateUid seçeneği true ise bu durumda rastgele integer biçiminde sayılar üretir. |
this.generateInt() | Rastgele tamsayı biçiminde sayılar üretir. |
this.generateId(this) | Geçerli sayfanın rotası create sözcüğünü içeriyorsa generateUid() aksi durumda this.id değerine geri döner. |
validateForm(this, formName) | Eğer bir sayfada birden fazla form kullanıyorsanız. Bu fonksiyon geçerli sayfada verilen form adının validasyonunu kontrol eder. |
dateAddMonth(date, numberOfMonth) | Verilen tarihe girilen ay sayısı kadar ay ekler. |
dayDiff(firstDate, secondDate = null) | Sadece ilk parametre girilirse bugünkü tarih ve girilen tarih arasındaki gün sayısını hesaplar. İki tarihte girilirse iki tarih arasındaki gün hesaplanır. |
monthDiff(startDate, endDate) | İki tarih arasında ne kadar ay olduğunu hesaplar. |
generatePassword(length) | Verilen genişlikte rastgele bir güçlü şifre oluşturur. |