✨ refactor(ui/token): migrate EditToken page to Semi Form API and polish UX
SUMMARY • Re-implemented `EditToken.js` with Semi Form components, eliminating manual state handling and reducing re-renders. • Added grid-based layout; “Expiration Time” selector now sits inline with quick-set buttons for consistent alignment on desktop & mobile. • Introduced dedicated “Quota”, “Access”, “Model Limits”, and “Group” cards for clearer field grouping. • Reworked model-limit interaction: single multi-select list replaces checkbox toggle; backend flag `model_limits_enabled` is now inferred automatically. • Applied required validation rules to critical fields (`name`, `remain_quota`, `group`, `expired_time`, `tokenCount`) with localized messages. • Enabled dynamic option loading for models & groups; default auto-group honoured. • Added unlimited-quota switch, quota presets, and helpful extraText/tooltips. • Removed obsolete `handleInputChange` & `setUnlimitedQuota` helpers; formApi now manages all data flow. • Cleaned imports (e.g., dropped unused `IconUserGroup`), fixed linter errors, and updated submit logic to use `formApi.submitForm()`. RESULT The token creation/editing experience is faster, more accessible, and easier to maintain, fully aligned with Semi Design best practices.
Showing
This diff is collapsed.
Click to expand it.
Please
register
or
sign in
to comment