Araçlar
Paket tarafından dışa aktarılan yardımcı işlevler ve sabitler.
PRESETS
Dahili maske yapılandırmalarının bir kaydı.
import { PRESETS } from '@virastack/input-mask';
// PRESETS.card, PRESETS.phone vb. erişimVALIDATORS
Dahili doğrulayıcı işlevlerinin bir kaydı.
import { VALIDATORS } from '@virastack/input-mask';
// VALIDATORS.luhn(value)
// VALIDATORS.tckn(value)Doğrulama Araçları
validateTCKN
Bağımsız TCKN doğrulama işlevi.
function validateTCKN(value: string): booleanvalidateLuhn
Bağımsız Luhn algoritması doğrulama işlevi.
function validateLuhn(value: string): booleanBiçimlendirme Araçları
Bu işlevler, ViraStack Mask’ın maskeleme ve biçimlendirme mantığını useViraMask hook’unun dışında kullanmanıza olanak tanır (örn. biçimlendirilmiş verileri bir tabloda görüntülemek için).
applyMask
Ham bir değere maske deseni uygular.
import { applyMask } from '@virastack/input-mask';
const formatted = applyMask('5551234567', '(999) 999 99 99');
// Çıktı: "(555) 123 45 67"unmask
Bir değerden maske karakterlerini kaldırarak yalnızca maske türü tarafından tanımlanan ham karakterleri döndürür.
import { unmask } from '@virastack/input-mask';
const raw = unmask('(555) 123 45 67', '(999) 999 99 99');
// Çıktı: "5551234567"cleanValue
Bir dizeden sayısal olmayan tüm karakterleri kaldırır. İşlemeden önce girişleri temizlemek için yararlıdır.
import { cleanValue } from '@virastack/input-mask';
const clean = cleanValue('(555) 123-4567');
// Çıktı: "5551234567"formatCurrency
Bir sayı dizesini para birimi olarak biçimlendirir.
import { formatCurrency } from '@virastack/input-mask';
const price = formatCurrency('1234.50', {
symbol: '$',
precision: 2,
thousandSeparator: ',',
decimalSeparator: '.'
});
// Çıktı: "$ 1,234.50"unformatCurrency
Biçimlendirilmiş bir para birimi dizesini tekrar ham bir sayı dizesine ayrıştırır.
import { unformatCurrency } from '@virastack/input-mask';
const raw = unformatCurrency('$ 1,234.50', {
decimalSeparator: '.'
});
// Çıktı: "1234.50"getCardType
Bir numaradan kredi kartı türünü algılar.
import { getCardType } from '@virastack/input-mask';
const type = getCardType('4111');
// Çıktı: "visa"React Araçları
mergeRefs
Birden çok React ref’ini tek bir ref’te birleştirmek için araç.
function mergeRefs<T>(...refs: Ref<T>[]): RefCallback<T>