Discover Layui Vue: A Modern Vue 3 Desktop UI Component Library

Overview

Layui Vue is a desktop‑oriented UI component library built for Vue 3.0. It inherits the classic design language and lightweight modular architecture of the original Layui library, allowing developers to use the components out of the box without additional styling or configuration.

Version history

v1.0 (2022) – Initial release of the Vue 3 compatible component set.

v2.0 (2023) – Refactored on top of Vue 3, improving stability and API consistency.

2024‑01‑14 Update – New components and features

Watermark component – Provides a configurable overlay watermark for any container.

Tree‑select component – Adds searchNodeMethod prop to allow custom filtering logic during node search.

Input‑number component – Introduces step‑strictly prop that forces the input value to be an exact multiple of the defined step size.

Form component – Enhances label handling by displaying a tooltip when the label text overflows its container.

API improvements

Input component blur and focus event parameters now use the native FocusEvent type, improving type safety.

Bug fixes

Table component pagination now correctly adjusts column widths when switching pages.

Form‑item component no longer throws validation errors when the label is omitted.

Watermark component’s index.css is correctly bundled in on‑demand (tree‑shaking) mode.

Input‑number component no longer emits duplicate events when the value is changed via touchpad clicks.

Table body scroll bar row offset calculation is fixed, eliminating visual misalignment.

Tree‑select component search functionality is restored, ensuring accurate node filtering.