open-index/open-npm huggingface dataset:
npm package: @sl-theia/theia-canvas
Description: theiaUtils
Author: cnyballk
Latest version: 0.0.1-alpha.4

# theia-canvas
## 特性

- 接入简单
- 学习成本低 
- 沙箱隔离

## 快速开始

基座应用以 vue 框架为例

1、安装依赖

```bash
yarn add @sl-theia/theia-canvas
```

2、在入口处引入依赖

```tsx
import theiaCanvasApplication from '@sl-theia/theia-canvas';
```

4、在页面中使用组件

```tsx
export default function IndexPage(props) {
  console.log(props);
  return (
    <div>
      <h1 className={styles.title}>Canvas A</h1>
      <theia-canvas url="http://localhost:8001/" name="canvas-a " />
    </div>
  );
}
```
npm package: @sl-theia/theia-cim
Description: theia-cim
Latest version: 0.0.1

# theia-cim

[![NPM version](https://img.shields.io/npm/v/theia-cim.svg?style=flat)](https://npmjs.org/package/theia-cim)
[![NPM downloads](http://img.shields.io/npm/dm/theia-cim.svg?style=flat)](https://npmjs.org/package/theia-cim)

## Install

```bash
$ pnpm install
```

```bash
$ npm run dev
$ npm run build
```

## 发布私有
npm adduser --registry http://202.104.149.204:4873/， 输入账号密码即可

npm run publish

## Options

TODO

## LICENSE

MIT
npm package: @sl-theia/theia-com
Description: [![NPM version](https://img.shields.io/npm/v/theiaCom.svg?style=flat)](https://npmjs.org/package/theiaCom) [![NPM downloads](http://img.shields.io/npm/dm/theiaCom.svg?style=flat)](https://npmjs.org/package/theiaCom)
Latest version: 0.0.1

# theiaCom

[![NPM version](https://img.shields.io/npm/v/theiaCom.svg?style=flat)](https://npmjs.org/package/theiaCom)
[![NPM downloads](http://img.shields.io/npm/dm/theiaCom.svg?style=flat)](https://npmjs.org/package/theiaCom)

## Install

```bash
$ pnpm install
```

```bash
$ npm run dev
$ npm run build
```

## Options

TODO

## LICENSE

MIT
npm package: @sl-theia/vis-plugin-apidoc
Description: vis 中使用通过api注释生成文档
Author: juzhiqinag
Latest version: 0.0.3

# @vises/vis-plugin-apidoc

A umi plugin

## Install

```bash
pnpm i @sl-theia/vis-plugin-apidoc
```

## Usage

Configure in `.umirc.ts`,

```js
export default {
  plugins: [["@sl-theia/vis-plugin-apidoc"]],
};
```

## 使用

在 vis 创建项目中,src 下创建 api 文件夹，里面新建 api 文件

在每个文件头
`// title: 页面描述` 用作生成的文件名称

每个接口函数处使用注释

```js
/**
 * @description 接口描述
 * @url {GET} api请求地址
 * @img https://img-blog.csdnimg.cn/img_convert/0548d4d186b025d0cbe6da3a38bfb20e.png  截图非必填
 * @param str {string}  - 必传参数
 * @param option {string}  - 必传参数
 * @param cb [string] - 可传参数
 * @returns name {string}  - 名字
 * @returns value {object[]}  - test
 * @returns value.name {string}  - 数组属性1
 * @returns value.num {number}  - 数组值1
 */
export const Test = () => {
  console.log("这是示例");
};
```

### 生成示例
![Alt text](image.png)
## LICENSE

MIT