@kengcom202/kcore-ui
v0.17.1
Published
Angular UI กลาง: ช่องเลือกวันที่แบบ พ.ศ., ช่องเลือกเวลาแบบหน้าปัด, dropdown ค้นหาได้, ตัวแก้ข้อความไทยที่คัดลอกจาก PDF และชุดหน้าเข้าสู่ระบบ/ลงทะเบียน/ข้อมูลส่วนตัว/config (ไม่พึ่งไลบรารีภายนอก)
Readme
@kengcom202/kcore-ui
Angular 22 UI กลาง — ไม่พึ่งไลบรารีภายนอก (peer deps: @angular/core, @angular/forms, @angular/common, @angular/router, rxjs)
[appDatePicker]— ช่องเลือกวันที่ แสดง พ.ศ. ค่าใน form control เป็น ค.ศ.yyyy-MM-dd[appClockPicker]— ช่องเลือกเวลาแบบหน้าปัด ค่าHH:mm<app-thai-date-picker>— date picker แบบมือถือ (ปุ่ม + bottom sheet) ค่า ค.ศ.yyyy-MM-dd<app-search-select>— dropdown พิมพ์ค้นหาได้ ค่าเป็นvalueของSearchOption(''= ไม่ระบุ) ปรับสีด้วย--kc-ss-*provideThaiPasteFix()— ใส่ในapp.config.tsครั้งเดียว แก้ข้อความไทยที่คัดลอกจาก PDF (□ แทนวรรณยุกต์, ช่องว่างหน้าวรรณยุกต์, "ํา") ตอนวางลงทุกช่อง- หน้าบัญชีผู้ใช้กลาง —
provideKcAuth({...})+kcAuthInterceptor+kcAuthRoutes()(/login,/register,/sso-callback,/thaid-callback) — ปุ่ม SSO (sso) และ ThaiD (thaidเข้าสู่ระบบอย่างเดียว) และ<kc-profile>,<kc-config-users>,<kc-config-kcllu>คู่กับkcAuthGuard/kcAdminGuard,KcAuthService— API ต้องทำ endpoint ตามสัญญาในREADME_NPM.mdของรีโป kcore - utils:
toBuddhistText,toChristianText,parseDate,formatDate,fixThaiText
import { ClockPickerDirective, DatePickerDirective, SearchSelectComponent } from '@kengcom202/kcore-ui';<input type="text" appDatePicker formControlName="date">
<input type="text" appClockPicker formControlName="time">
<app-search-select [options]="depts" formControlName="dept" />ติดตั้ง: npm install @kengcom202/kcore-ui (ต้องเป็น Angular ^22.0.0)
