# var-table

**Repository Path**: Mr_zhanghao/var-table

## Basic Information

- **Project Name**: var-table
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-04
- **Last Updated**: 2026-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TIA 变量表编辑器

基于 Vue 3 + TypeScript + Element Plus 实现的简化版 TIA 变量表编辑器。

## 功能特性

- 表格展示：索引、名称、数据类型、默认值、注释
- 添加/删除变量行
- 编辑变量名称（唯一性校验）
- 切换数据类型（BOOL/INT），默认值自动更新
- BOOL 默认值校验与格式化（统一大写）
- INT 默认值校验（32位有符号整数范围）
- 注释编辑（可为空）

## 技术栈

- Vue 3 (Composition API)
- TypeScript
- Element Plus
- Vite

## 项目结构

```text
src/
├── components/
│     └── Table.vue    # 主表格组件
├── composables/
│     └── useTable.ts  # 表格逻辑组合式函数
├── types/
│     └── index.ts             # 类型定义
├── App.vue                  # 根组件
└── main.ts                  # 入口文件
```

## 快速开始

```bash
pnpm i
npm run dev