# techui-base

**Repository Path**: ayin86/techui-base

## Basic Information

- **Project Name**: techui-base
- **Description**: Starter and Testcases for the TechUI-Base component library
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-01
- **Last Updated**: 2025-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @techui/base

[English](#english) | [中文](#中文)

---

## English

## 📦 TechUI Base

- TechUI-Base is a Vue 3 basic component library similar to Element Plus, designed to meet the data presentation, basic form, and data manipulation needs of the TechUI ecosystem.
- The Starter directory contains a minimal starter project of the TechUI-Base project, with only a few simple demos of each component.
- The Testcase directory contains test cases for the TechUI-Base project, including demos of most of the components.
- Currently, there is no documentation for the TechUI-Base component library; it is under active development.

### 🌟 Overview

**@techui/base** is a basic component library developed based on Vue 3. It was initially created to satisfy the fundamental requirements for form handling and data presentation within the TechUI framework. Currently, it serves as the core component foundation for:

- **@techui/admin** - Admin panel component library
- **@techui/prime** - Premium component library

### ⚠️ Development Status

This component library is currently **under active development and iteration**. Please note:

- 🚧 Not production-ready for all use cases
- ⚡ Cannot completely replace Element Plus at this stage
- 🔄 APIs and components may change between versions

### 🎯 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

### 📄 License

UNLICENSED

### 👤 Author

**aYin**

- Email: <ayin86cn@gmail.com>
- WeChat: jay1986cn
- Homepage: [https://techui.net](https://techui.net)

### 🔗 Related Projects

- [@techui/admin](https://techui.net) - Admin Panel Components
- [@techui/prime](https://techui.net) - Premium Components
- [@techui/scifi](https://techui.net) - Sci-Fi Theme Components

---

## 中文

## 📦 TechUI Base

- TechUI-Base是一个类似 Element Plus 的 Vue 3 基础组件库,旨在满足 TechUI 生态系统的数据展现，基础表单和数据操作需求。
- Starter目录是一个TechUI-Base工程的最小启动工程，内部仅仅有数个组件的简单Demo。
- Testcase目录是TechUI-Base工程的测试用例，内部有绝大多数的组件的演示Demo。
- 目前TechUI-Base组件库的文档暂无，正在积极的开发中。

### 🌟 概述

**@techui/base** 是一个基于 Vue 3 开发的基础组件库。它的开发之初是为了满足 TechUI 框架中对表单处理和数据展示的基本需求。目前,它为以下组件库提供核心组件基础:

- **@techui/admin** - 后台管理面板组件库
- **@techui/prime** - 高级组件库

### ⚠️ 开发状态

该组件库目前**正在积极开发和迭代中**。请注意:

- 🚧 尚未为所有使用场景做好生产准备
- ⚡ 现阶段还不能完全取代 Element Plus
- 🔄 API 和组件可能在版本之间发生变化

### 🎯 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` - 工具函数

### 📄 许可证

UNLICENSED

### 👤 作者

**aYin**

- 邮箱: <ayin86cn@gmail.com>
- 微信: jay1986cn
- 主页: [https://techui.net](https://techui.net)

---

## 🏷️ Keywords

`@techui` `techui` `TechUI` `vue3` `components` `dashboard` `admin-panel` `workspace` `portal`