sdc-alibaba/SUI-Mobile
SUI Mobile
SUI-Mobile is a lightweight JavaScript UI library for building mobile web interfaces. It provides a collection of touch-optimized components including navigation bars, tab bars, grids, accordion lists, buttons, forms, scrollable content areas, dialogs, preloaders, image viewers, and slide shows.
The library is built as a set of independent Zepto plugins, each with its own default configuration and no cross-dependencies, which reduces code coupling. It includes a REM-based scaling system that proportionally resizes the entire page layout across different screen widths, and integrates a click-handling library to fix the 300ms tap delay on touch devices while preventing click penetration.
The project includes unit tests that verify component APIs, method calls with varied parameters, simulated user interactions, and correct event triggering.
Features
- Mobile UI Components - Construct touch-optimized interfaces for mobile devices using a lightweight component library.
- Mobile Web Libraries - Create lightweight mobile web interfaces that work on older mobile devices using a UI library.
- UI Component Plugins - Encapsulate each UI component as an independent plugin to reduce code coupling.
- Pull-to-Refresh & Infinite Scroll - Provide scroll bars, pull-to-refresh, and infinite scroll for long content lists.
- Media Dialogs & Preloaders - Display modal dialogs, preloaders, image viewers, and slide shows for user interaction.
- REM Scaling Frameworks - Apply a REM-based scaling system so the entire page resizes proportionally on different screen widths.
- Mobile UI Suites - Construct navigation bars, tab bars, grids, and accordion lists for mobile web interfaces.
- Zepto Plugins - Encapsulate each UI component as a standalone plugin with its own default configuration and no cross-dependencies.
- Touch Tap Delay Fixes - Fix the 300ms tap delay on touch devices by integrating a click-handling library that also prevents click penetration on mobile browsers.
- Component Configuration Defaults - Set default parameters on a component's prototype so each plugin manages its own configuration.
- Mobile Form Implementations - Render buttons and form elements styled for touch interaction on mobile devices.
