Skip to content

aYin86cn/techui-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@techui/admin

English | 中文


English

🌟 Introduction

  • TechUI Admin is a modern, easy-to-use dashboard component library built on Vue 3. It provides a complete out-of-the-box solution for developing dashboards and admin panels.
  • The Starter directory contains a minimal starter project for the TechUI-Admin project, with only a few simple demos of each component.
  • The Testcase directory contains test cases for the TechUI-Admin project, including demos of most of the components.
  • Currently, there is no documentation for the TechUI-Admin component library; it is under active development.

✨ Features

  • 🚀 Dynamic Routing - Automatically generated routes based on configuration
  • 📱 Dynamic Menu - Smart navigation menu system
  • 🔐 Built-in Login Page - Ready-to-use authentication interface
  • 📂 Collapsible Sidebar - Flexible sidebar navigation with collapse functionality
  • 🏷️ Route-based Tabs - Automatic tab management based on visited routes
  • 🎨 Theme Switching - Multiple theme support with easy toggling
  • 🌍 i18n Support - Built-in internationalization
  • 🔔 Audio Alerts - Notification sound system
  • 🎯 Common Icons - Pre-integrated icon library
  • 💾 TechUI State Management - Efficient state management solution
  • 🛠️ Workbench Utilities - Rich set of built-in helper methods

📦 Included Libraries

  • @techui/base - Base component library providing fundamental UI components

Note: @techui/base is currently growing and cannot fully replace comprehensive libraries like ElementPlus. The component count is being gradually increased.

🎯 TuiAdaptive - Revolutionary Responsive Component

The library includes TuiAdaptive, an incredibly powerful adaptive component that solves responsive design challenges once and for all using proportional scaling.

Key Features:

  • Multiple adaptation modes for different scenarios
  • Drag Mode - Activate via browser zoom functionality
  • Coordinate Sync Container - Special solution for third-party map/GIS components (Cesium, etc.)
    • Prevents coordinate inaccuracy issues when GIS components are placed inside scaled containers
    • Uses a synchronized pass-through container to maintain accurate click coordinates

Proudly the best adaptive/responsive component available on the market today!

🖥️ TechUI Component Library

  • @techui/prime: Closed-source Paid
  • @techui/admin: Closed-source Free
  • @techui/base: Closed-source Free
  • @techui/scifi: Closed-source Free

📦 Dependencies

This library depends on the following TechUI ecosystem packages:

  • @techui/colors - Color system
  • @techui/lessmixins - LESS mixins
  • @techui/locales - Internationalization
  • @techui/themes - Theme system
  • @techui/libs - Utility libraries
  • @techui/utils - Utility functions

👤 Author

🔗 Homepage

https://techui.net

📄 License

UNLICENSED


中文

🌟 简介

  • TechUI Admin 是一个基于 Vue 3 开发的现代化、易用的工作台组件库。它为开发 Dashboard 和管理面板提供了完整的开箱即用解决方案。
  • Starter目录是一个TechUI-Admin工程的最小启动工程,内部仅仅有数个组件的简单Demo。
  • Testcase目录是TechUI-Admin工程的测试用例,内部有绝大多数的组件的演示Demo。
  • 目前TechUI-Admin组件库的文档暂无,正在积极的开发中。

✨ 核心特性

  • 🚀 动态路由 - 基于配置自动生成路由
  • 📱 动态菜单 - 智能导航菜单系统
  • 🔐 内置登录页 - 开箱即用的身份验证界面
  • 📂 可折叠侧边栏 - 灵活的侧边导航,支持折叠功能
  • 🏷️ 路由标签页 - 根据访问路由自动管理标签页
  • 🎨 主题切换 - 多主题支持,轻松切换
  • 🌍 国际化支持 - 内置 i18n 多语言方案
  • 🔔 音频提醒 - 通知音效系统
  • 🎯 常用图标 - 预集成图标库
  • 💾 TechUI 状态管理 - 高效的状态管理解决方案
  • 🛠️ 工作台工具 - 丰富的内置辅助方法

📦 包含的组件库

  • @techui/base - 基础组件库,提供底层 UI 组件支撑

注意: @techui/base 目前仍在发展中,暂时无法完全替代 ElementPlus 等成熟组件库。组件数量将逐步增加。

🎯 TuiAdaptive - 革命性的自适应组件

库中包含功能强大的 TuiAdaptive 适配组件,采用等比缩放方式,让开发者一劳永逸地解决自适应问题。

核心功能:

  • 多种适配模式,适应不同场景
  • 拖拽模式 - 可通过浏览器缩放功能激活
  • 同步穿透容器 - 专为第三方地图/GIS组件设计(Cesium等)
    • 解决 GIS 组件放置在缩放容器内部时点击坐标不准确的问题
    • 通过同步穿透容器保持准确的点击坐标

可以自豪地说,它是现在市面上最好用的自适应/适配组件!

🖥️ TechUI组件库

  • @techui/prime: 闭源 付费
  • @techui/admin: 闭源 免费
  • @techui/base: 闭源 免费
  • @techui/scifi: 闭源 免费

📦 依赖项

该库依赖以下 TechUI 生态系统包:

  • @techui/colors - 色彩系统
  • @techui/lessmixins - LESS 混入
  • @techui/locales - 国际化
  • @techui/themes - 主题系统
  • @techui/libs - 工具库
  • @techui/utils - 工具函数

👤 作者

🔗 官网

https://techui.net

📄 许可证

UNLICENSED


Keywords

@techui techui TechUI ayin @techui/prime @techui/admin @techui/base @techui/scifi TechUI Prime TechUI Admin TechUI Base TechUI Scifi techui-prime techui-admin techui-base techui-scifi Dashboard Workbench Admin Panel Workspace Portal

About

Starter and Testcases for the TechUI-Admin component library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •