Körsatiş · primitive
Formatlaş (fxFormat)
Qiymatni özbekça körinişga keltiradigan yagona funksiya (4.23): son (1 250 000,5), pul («1 250 000 söm», USD/EUR/RUB), foiz («12 %»), bayt («1,2 MB»), birlik («3 dona»), ixçam son («1,3 mln», «12 ming»), sana («17 oktyabr 2026», «17.10.2026»), vaqt va nisbiy vaqt («5 daqiqa oldin», «keça»). Minglar — bölinmas böş joy, kasr — vergul, manfiy — «−». Brauzer ICU'siga tayanmaydi — hamma joyda bir xil. HTML'da data-fx-format (matnni yozadi, value/datetime özgarsa yangilaydi) yoki JS'da window.fxFormat(qiymat, tur, parametrlar).
- Şartnoma summasi
- 12500000
- Tölangan
- 0.64
- Oylik ösiş
- 0.034
- Biriktirilgan fayl
- 1258291
- Ombordagi qoldiq
- 1240
- Yillik aylanma
- 4380000000
- Şartnoma sanasi
- Oxirgi faollik
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-type | number 1 234,5currency data-currency: UZS (standart) · USD · EUR · RUBpercent 0.12 → 12 %; data-scale="100" — qiymat allaqaçon foizdabytes 1024 asos; data-base="1000"unit data-unit="dona"compact ming · mln · mlrd · trlndate data-style: long (standart) · short · daytimedatetimerelative data-style="auto" — 7 kundan oşsa sana | number |
data-weight | inheritbold KPI, narx | inherit |
Anatomiya
- root
.fx-formatşart
Holatlar
Klaviatura va kiriş
Asl qiymat value/datetime atributida qoladi (maşina öqiydi), körinadigan matn — özbekça. Sana va nisbiy vaqtda title'da töliq sana va vaqt. Raqamlar tabular — ustunda tekis.
Kod
AI uçun: qaçon işlatiladi
- Jadval, karta, KPI'da pul, foiz, fayl hajmi, miqdor körsatiş.
- Server xom son yuboradi — körinişni frontend bir xil qoidada beradi.
- Pul kiritiş maydoni (yozayotganda formatlaş) →
number - Har daqiqa yangilanadigan «5 daqiqa oldin» →
reltime - Özgariş foizi strelka bilan →
delta - Raqamni qölda toLocaleString() bilan formatlamang — brauzerlarda turliça çiqadi; fxFormat işlating.
- Nisbiy vaqtni doimiy yangilanadigan joyda işlatmang — u bir marta yoziladi; jonli soat uçun reltime.
- Foizni rang bilan yolğiz bildirmang — data-sign «+» / «−» belgisini ham yozadi.
npx foxui add format
<dl class="fx-dl"> <dt>Şartnoma summasi</dt><dd><data class="fx-format" data-fx-format data-type="currency" value="12500000">12500000</data></dd> <dt>Tölangan</dt><dd><data class="fx-format" data-fx-format data-type="percent" value="0.64">0.64</data></dd> <dt>Oylik ösiş</dt><dd><data class="fx-format" data-fx-format data-type="percent" data-sign value="0.034">0.034</data></dd> <dt>Biriktirilgan fayl</dt><dd><data class="fx-format" data-fx-format data-type="bytes" value="1258291">1258291</data></dd> <dt>Ombordagi qoldiq</dt><dd><data class="fx-format" data-fx-format data-type="unit" data-unit="dona" value="1240">1240</data></dd> <dt>Yillik aylanma</dt><dd><data class="fx-format" data-fx-format data-type="compact" value="4380000000">4380000000</data></dd> <dt>Şartnoma sanasi</dt><dd><time class="fx-format" data-fx-format data-type="date" datetime="2026-10-17T10:00:00+05:00">17.10.2026</time></dd> <dt>Oxirgi faollik</dt><dd><time class="fx-format" data-fx-format data-type="relative" datetime="2026-10-18T09:30:00+05:00">18.10.2026</time></dd> </dl>
Tokenlar: --fx-border-color-strong --fx-fg-error --fx-fg-success --fx-font-weight-bold --fx-text-tertiary