zsl-test-tree-ui 包描述使用文档

项目概述

• 包名称: zsl-test-tree-ui
• 版本: 1.0.0
• 描述: 一个基于 React 的树形 UI 组件库
• 类型: ES Module 构建系统

主要特性

• 🌳 树形结构组件 - 提供完整的树形数据展示功能
• ⚛️ React 驱动 - 基于 React 19.x 开发
• 📦 多种格式输出 - 支持 CJS 和 ES 模块格式
• 🔤 TypeScript 支持 - 提供完整的类型定义

安装指南

# 使用 npm
npm install zsl-test-tree-ui

# 使用 yarn
yarn add zsl-test-tree-ui

构建脚本

• npm run dev - 启动开发服务器
• npm run build - 构建生产版本

输出文件结构

• dist/ui.cjs.js - CommonJS 格式入口
• dist/ui.es.js - ES Module 格式入口
• dist/ui.d.ts - TypeScript 类型定义文件
• docs/ - 项目文档目录
• example/ - 示例代码目录

技术栈

• 前端框架: React 19.2.3
• 构建工具: Vite 7.3.1
• 类型检查: TypeScript + @types/node
• 开发依赖: vite-plugin-dts 用于类型生成

使用示例

import { TreeComponent } from 'zsl-test-tree-ui';

function App() {
  return (
    <TreeComponent 
      data={treeData}
      // 配置项...
    />
  );
}

开发说明

项目采用现代前端开发工作流，支持热重载开发模式，可通过 npm run dev 启动开发环境。构建后的文件经过优化，适合在生产环境中使用。