Overview:

T-ui-PlusVue2 is a set of basic components built on top of Element-ui and Element-Plus that are further enhanced and packaged. The T-ui-Plus library is extensively used in the open-source project wocwin-admin, a Vue3.3, TypeScript, Vite4, Pinia, and Element-Plus based backend template. It offers a comprehensive set of components for backend management.

Features:

• TLayoutPage: Layout page component.
• TLayoutPageItem: Sub-item for layout pages.
• TAdaptivePage: One-screen component inheriting from TTable and TQueryCondition components.
• TQueryCondition: Conditional query component.
• TTable: Table component.
• TForm: Form component.
• TSelectTable: Dropdown select table component.
• TSelect: Dropdown select component.
• TDetail: Detail component.
• TButton: Debounce button component.

Installation:

To use T-ui-Plus components in your project follow these steps:

npm install t-ui-plus --save

Then, in your main.js or App.vue file, include the following line to globally register Element-Plus components:

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
Vue.use(ElementPlus);

Summary:

T-ui-PlusVue2 provides a collection of enhanced basic components for Vue3 projects that are built on top of Element-plus. It offers a variety of components such as forms, tables, buttons, and more, making it a suitable choice for backend management templates. The installation process is straightforward, requiring the installation of the library and global registration of Element-Plus components in the project.