open-index/open-npm huggingface dataset:
npm package: @opentiny/next-react
Description: App.tsx
Latest version: 0.0.1

# @opentiny/next-react

## 快速开始

App.tsx

```jsx
import { useState } from 'react'
import { useNextClient, McpContext } from '@opentiny/next-react'
import MyPage from './MyPage'

function App() {
  const { sessionId, transport } = useNextClient({
    clientInfo: { name: 'my-project', version: '1.0.0' },
    proxyOptions: { url: 'http://xxx/sse', token: '' }
  })

  return (
    <>
      <p>sessionId: {sessionId}</p>
      <McpContext.Provider value={{ transport }}>
        <MyPage />
      </McpContext.Provider>
    </>
  )
}

export default App
```

MyPage.tsx

```typescript
import { useState, useContext } from 'react'
import { useNextServer, McpContext } from '@opentiny/next-react'

function MyPage() {
  const { transport } = useContext(McpContext)
  const { server } = useNextServer({
    transport,
    serverInfo: { name: 'my-page', version: '1.0.0' },
  })

  return (
    <div>MyPage</div>
  )
}

export default MyPage
```
npm package: @opentiny/next-vue
Description: App.vue
Latest version: 0.0.2

# @opentiny/next-vue

## 快速开始

App.vue

```typescript
import { useNextClient } from '@opentiny/next-vue'

const { sessionId } = useNextClient({
  clientInfo: { name: 'my-project', version: '1.0.0' },
  proxyOptions: { url: 'http://xxx/sse' }
})
```

MyPage.vue

```typescript
import { useNextServer } from '@opentiny/next-vue'

const { server } = useNextServer({
  serverInfo: { name: 'company-list', version: '1.0.0' }
})
```
npm package: @opentiny/ng
Description: opentiny angular components
Latest version: 1.0.3

---
title: 介绍 | TinyNG
---

# 介绍

`TinyNG`是基于 Angular + TypeScript 的 web UI 组件库，可用于研发企业级前端页面。

### 特性

- 适合企业级 PC 端产品的交互语言和视觉风格。

- 70+ 开箱即用的高质量 Angular 组件库，几乎满足所有业务场景。

- 使用 TypeScript 进行开发，提供完整的类型定义。

- 支持 OnPush 模式，性能卓越。

- 支持 5 种国际化语言。

- 通过CSS variables 提供超细粒度的主题定制能力。



### 支持环境

Edge | Firefox |Chrome | Safari |
| --------- | --------- | --------- | --------- |
| last 3 versions | last 3 versions | last 3 versions | last 2 versions |

### 支持 Angular 版本
目前支持 Angular 版本 `>=13.0.0`。
npm package: @opentiny/ng-1111
Description: npm install @opentiny/ng-1111 # Changelog
Author: 1023124926@qq.com
Latest version: 0.0.1

# @opentiny/ng-1111
# Installation
npm install @opentiny/ng-1111
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-111111
Description: npm install @opentiny/ng-111111 # Changelog
Author: 2581932570@qq.com
Latest version: 0.0.1

# @opentiny/ng-111111
# Installation
npm install @opentiny/ng-111111
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-11113333
Description: npm install @opentiny/ng-11113333 # Changelog
Author: 664163959@qq.com
Latest version: 0.0.1

# @opentiny/ng-11113333
# Installation
npm install @opentiny/ng-11113333
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-2023111
Description: npm install @opentiny/ng-2023111 # Changelog
Author: 814025
Latest version: 0.0.1

# @opentiny/ng-2023111
# Installation
npm install @opentiny/ng-2023111
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-2023222
Description: npm install @opentiny/ng-2023222 # Changelog
Author: 814025
Latest version: 0.0.1

# @opentiny/ng-2023222
# Installation
npm install @opentiny/ng-2023222
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-alex-theme-01
Description: npm install @opentiny/ng-alex-theme-01 # Changelog
Author: 670010378@qq.com
Latest version: 0.0.1

# @opentiny/ng-alex-theme-01
# Installation
npm install @opentiny/ng-alex-theme-01
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-cccccc
Description: npm install @opentiny/ng-cccccc # Changelog
Author: 1326592702@qq.com
Latest version: 0.0.1

# @opentiny/ng-cccccc
# Installation
npm install @opentiny/ng-cccccc
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-clit
Description: npm install @opentiny/ng-clit # Changelog
Author: zhengzepeng@yunwuyun.com
Latest version: 0.0.2

# @opentiny/ng-clit
# Installation
npm install @opentiny/ng-clit
# Changelog

- ## 0.0.2
  

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-cloudbp
Description: npm install @opentiny/ng-cloudbp # Changelog
Author: xibin@apkevery.com
Latest version: 0.0.1

# @opentiny/ng-cloudbp
# Installation
npm install @opentiny/ng-cloudbp
# Changelog

- ## 0.0.1
  default_theme

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-crltest
Description: npm install @opentiny/ng-crltest # Changelog
Author: 1326592702@qq.com
Latest version: 0.0.1

# @opentiny/ng-crltest
# Installation
npm install @opentiny/ng-crltest
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-daoxianglaonong
Description: npm install @opentiny/ng-daoxianglaonong # Changelog
Author: 9182633
Latest version: 0.0.1

# @opentiny/ng-daoxianglaonong
# Installation
npm install @opentiny/ng-daoxianglaonong
# Changelog

- ## 0.0.1
  daoxianglaonong

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-delay
Description: npm install @opentiny/ng-delay # Changelog
Author: 491871804@qq.com
Latest version: 0.0.2

# @opentiny/ng-delay
# Installation
npm install @opentiny/ng-delay
# Changelog

- ## 0.0.2
  

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-demo
Description: npm install @opentiny/ng-demo # Changelog
Author: ywq_1992@163.com
Latest version: 0.0.1

# @opentiny/ng-demo
# Installation
npm install @opentiny/ng-demo
# Changelog

- ## 0.0.1
  demo

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-erwew
Description: npm install @opentiny/ng-erwew # Changelog
Author: daweiliwd@163.com
Latest version: 0.0.1

# @opentiny/ng-erwew
# Installation
npm install @opentiny/ng-erwew
# Changelog

- ## 0.0.1
  212

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-jqtest
Description: npm install @opentiny/ng-jqtest # Changelog
Author: 112684910
Latest version: 0.0.1

# @opentiny/ng-jqtest
# Installation
npm install @opentiny/ng-jqtest
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-jtjkty
Description: npm install @opentiny/ng-jtjkty # Changelog
Author: huanghaihua4@huawei.com
Latest version: 0.0.1

# @opentiny/ng-jtjkty
# Installation
npm install @opentiny/ng-jtjkty
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-mistest
Description: npm install @opentiny/ng-mistest # Changelog
Author: rich_2023@163.com
Latest version: 0.0.2

# @opentiny/ng-mistest
# Installation
npm install @opentiny/ng-mistest
# Changelog

- ## 0.0.2
  

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-redyear
Description: npm install @opentiny/ng-redyear # Changelog
Author: 14729608136@163.com
Latest version: 0.0.4

# @opentiny/ng-redyear
# Installation
npm install @opentiny/ng-redyear
# Changelog

- ## 0.0.4
  按钮相关变量更改

- ## 0.0.3
  修改一些变量

- ## 0.0.2
  变量更新，组件样式更新

- ## 0.0.1
  初始化redyear主题

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-test-huang
Description: npm install @opentiny/ng-test-huang # Changelog
Author: 11396056
Latest version: 0.0.1

# @opentiny/ng-test-huang
# Installation
npm install @opentiny/ng-test-huang
# Changelog

- ## 0.0.1
  rehhh

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-test-yj-20230403
Description: npm install @opentiny/ng-test-yj-20230403 # Changelog
Author: 12723043
Latest version: 0.0.1

# @opentiny/ng-test-yj-20230403
# Installation
npm install @opentiny/ng-test-yj-20230403
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-tgta
Description: npm install @opentiny/ng-tgta # Changelog
Author: 419758
Latest version: 0.0.1

# @opentiny/ng-tgta
# Installation
npm install @opentiny/ng-tgta
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-tinycloud
Description: npm install @opentiny/ng-tinycloud # Changelog
Author: huanghaihua4@huawei.com
Latest version: 0.0.1

# @opentiny/ng-tinycloud
# Installation
npm install @opentiny/ng-tinycloud
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-tinyui
Description: npm install @opentiny/ng-tinyui # Changelog
Author: honage@163.com
Latest version: 0.0.1

# @opentiny/ng-tinyui
# Installation
npm install @opentiny/ng-tinyui
# Changelog

- ## 0.0.1
  基础版本

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/ng-x-bo-test
Description: npm install @opentiny/ng-x-bo-test # Changelog
Author: 8935893
Latest version: 0.0.1

# @opentiny/ng-x-bo-test
# Installation
npm install @opentiny/ng-x-bo-test
# Changelog

- ## 0.0.1
  

# Keywords
none
## License
[MIT](LICENSE)
npm package: @opentiny/nuxt
Description: tiny-vue module for Nuxt
Latest version: 0.1.0

<p align="center">
  <a href="https://opentiny.design/tiny-vue" target="_blank" rel="noopener noreferrer">
    <img alt="OpenTiny Logo" src="logo.svg" height="100" style="max-width:100%;">
  </a>
</p>

<p align="center">An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.</p>

# TinyVue Nuxt

> [TinyVue](https://opentiny.design/tiny-vue/zh-CN/smb-theme/overview) module for [Nuxt](https://nuxt.com)

## Features

- Automatically import components and styles on demand.
- Automatically import directives and styles on demand.
- Automatically import icons from [@opentiny/vue-icon](https://github.com/opentiny/tiny-vue/tree/dev/packages/vue-icon).

## Installation

Install @opentiny/vue and @opentiny/nuxt dependencies.

```bash
pnpm i @opentiny/vue @opentiny/nuxt -D
```

Configure the "@opentiny/nuxt" module in nuxt.config.ts file.

```ts
export default defineNuxtConfig({
  modules: ['@opentiny/nuxt'],
  build: {
    transpile: [/@opentiny/]
  }
})
```

Now you can use Tinyvue components in your nuxt-app.

## Usage

```vue
<template>
  <tiny-layout>
    <p>基本按钮</p>
    <tiny-row>
      <tiny-button type="primary" native-type="submit"> 主要按钮 </tiny-button>
      <tiny-button> 次要按钮 </tiny-button>
      <tiny-button type="success"> 成功按钮 </tiny-button>
      <tiny-button type="info"> 信息按钮 </tiny-button>
      <tiny-button type="warning"> 警告按钮 </tiny-button>
      <tiny-button type="danger"> 危险按钮 </tiny-button>
    </tiny-row>
  </tiny-layout>
</template>
```

Refer to the [Nuxt documentation](https://nuxt.com/docs/guide/directory-structure/components) use.

## Development

- Run `pnpm i` to install the dependencies.
- Run `pnpm dev:prepare` to generate type stubs.
- Run `pnpm dev` to start playground in development mode.
- Run `pnpm dev:build` to build playground.
- Run `pnpm build` to build this project.

# 贡献指南

十分感谢您愿意贡献本项目，阅读本指南有助于您更好的参与贡献。

## 前置准备

### Clone仓库

- 点击TinyVue代码仓库 (https://github.com/opentiny/tiny-vue-nuxt) 右上角的Fork按钮，将上游仓库Fork到个人仓库
- Clone个人仓库到本地

### 依赖安装

- TINY-VUE根目录运行如下代码，安装依赖

```bash
pnpm i
```

- 运行如下代码，启动本地代码编译开发

```bash
pnpm dev
```

### 关键代码说明

- module.ts文件

在您的应用程序中自动注册本地模块，这是在构建应用程序时放置您开发的任何本地模块的好地方，而无需将这些本地模块单独添加到 nuxt.config.ts 中。

在本项目代码中，这个文件的主要作用是定义一个 Nuxt 模块，允许用户在使用 Vite 构建工具时，自动导入以 Tiny 开头的 Vue 组件。

- nuxt.config.ts文件

nuxt.config.ts 文件是一个 Nuxt.js 项目的配置文件