@OIIJ/USE

快速开始 ​

安装 ​

# 使用 pnpm
pnpm add @oiij/use

# 使用 npm
npm install @oiij/use

# 使用 yarn
yarn add @oiij/use

基础使用 ​

<script setup lang="ts">
import { useMouse, useStorage } from '@oiij/use'

// 使用本地存储
const count = useStorage('count', 0)

// 追踪鼠标位置
const { x, y } = useMouse()
</script>

<template>
  <div>
    <p>Count: {{ count }}</p>
    <p>Mouse: {{ x }}, {{ y }}</p>
  </div>
</template>

包列表 ​

核心包 ​

• @oiij/use - 核心 Composable 函数集合，提供常用的 Vue 3 组合式 API 工具

UI 组件 ​

• @oiij/naive-ui - 基于 Naive UI 的组合式函数和组件扩展
• @oiij/chrome-tabs - Chrome 风格的标签页组件
• @oiij/directives - Vue 3 自定义指令集合

图表与可视化 ​

• @oiij/e-charts - ECharts 的 Vue 3 组合式封装
• @oiij/v-charts - VCharts 的 Vue 3 组合式封装

编辑器与文档 ​

• @oiij/ai-editor - AI 编辑器的 Vue 3 封装
• @oiij/tiptap - TipTap 富文本编辑器的 Vue 3 集成
• @oiij/markdown-it - Markdown 解析的 Vue 3 组合式封装
• @oiij/shiki - Shiki 语法高亮的 Vue 3 组合式封装

3D 与图形 ​

• @oiij/three-js - Three.js 的 Vue 3 组合式封装
• @oiij/ogl - OGL WebGL 库的 Vue 3 组合式封装

工具库 ​

• @oiij/utils - JavaScript/TypeScript 工具函数集合
• @oiij/css-render - CSS 渲染工具的组合式封装
• @oiij/js-pdf - PDF 生成和处理的 Vue 3 工具
• @oiij/xlsx - Excel 文件处理的 Vue 3 工具
• @oiij/emoji-picker - 表情选择器的 Vue 3 组合式封装

为什么选择 @OIIJ/USE？ ​

• 专注 Vue 3 - 深度集成 Vue 3 生态系统，充分利用 Composition API
• 生产就绪 - 经过充分测试，可用于生产环境
• 持续更新 - 积极维护，及时跟进 Vue 和相关库的最新版本
• 社区驱动 - 欢迎贡献，共同完善工具库

贡献 ​

欢迎贡献代码、报告问题或提出新功能建议！

1. Fork 本仓库
2. 创建特性分支
3. 提交更改
4. 推送到分支
5. 创建 Pull Request

许可证 ​

MIT © oiij