open-index/open-npm huggingface dataset:
npm package: @ido-team/authentication-for-js
Description: authentication-for-js
Author: guijixing
Latest version: 1.1.24


## 介绍

Vue component 开 箱 即 用 的 vue 3.0 组 件 开 发 模 板 ⭐

## 功能

- 📑 开 发 文 档
- 🌈 预 览 案 例
- 📦 打 包 发 布

## 说明

伪 monorepo 架构

```
vue-component 
│
├─example 文档
│    │
│    ├─docs 文档内容
│    │
│    ├─src 源码
│    │
│    └─index.html 首屏
│
├─script 脚本
│
├─src 源码
│  │
│  ├─component 组件
│  │
│  ├─composable hooks
│  │
│  └─types 类型
│
└─package.json

```

## 命令

构建产物, index.css index.umd.js index.es.js 等

```
npm run build
```

登录 npm 账号 (https://www.npmjs.com)

```
npm login
```
发布 npm 组件

```
npm publish
```

## 提交

项目采用 commitlint 插件规范提交

错误的提交

```
git commit -m "修复 button css 文件"
```

正确的提交

```
git commit -m "fix(button): 修复 css 文件"
```

或

```
git commit -m "fix: 修复 button.css 文件"
```

详见 - commitlint.config.js 

## 备注

可将 master 作为基础分支, checkout 组件开发, 可使用组件来命名分支, 如 button checkbox switch。
npm package: @ido-team/common-navigation
Description: 通用导航栏
Latest version: 1.0.7

## 介绍

通用导航栏插件

## 安装

使用 npm 下载。

```bash
npm i @ido-team/common-navigation
```

## 使用

### 1、在各个应用的main.ts中导入该模块进行注册，然后在组件中使用

```javascript
import CommonNavigationPlugin from '@ido-team/common-navigation';

...

app.use(CommonNavigationPlugin);
```

在组件内使用
```
<CommonNavigation />
```

### 2、在组件中直接导入组件并注册

```javascript
import { CommonNavigation } from '@ido-team/common-navigation';
```

### 参数

待补充

### 其它
需要在外部引入Source Han Sans CN字体

```
@font-face {
    font-family: 'Source Han Sans CN';
    src: url('@/assets/fonts/SourceHanSansCN-Regular.otf')
}
```
npm package: @ido-team/ido-video
Description: A video component for Vue 3 base on ido-team
Latest version: 1.0.12

## 介绍

Ido Modal 弹 出 层 解 决 方 案

**[🔶 document »](https://ido85.coding.net/p/IdoVideoSDK/d/IdoVideoSDK/git/tree/master/README.md)**

## 安装

使用 npm 下载。

```bash
npm i ido-video
```
在 index.html 编写 ido-sdk 配置。

```
window.appHost = "http://221.12.100.58:29003"
window.tokenHost = "http://221.12.100.58:29003"
window.hashAuthHost = "/hash"
window.videoHost = "/gateway/map-server"
```
## 使用

展示视频页面。

```
<template>
  <button type="button" @click="createVideo">打开视频页</button>
</template>

<script setup>
import { ref } from "vue";
import { idoVideo} from "ido-video";
import 'ido-video/lib/index.css';

const createVideo = function () {
  videoId = idoVideo.createVID({
      id: "8888888888888888",
      teleport: document.getElementById("video-container"),
      prefix: '/cvApi', // 可不传，默认'/cvApi'
      videoList: [{
          videoId: '2d48af2d194b0d380749e0e9eef70483',
          videoName: '测试'
      }],
      token:"xxxxxx"
  })
};

const changeParam = function () {
  idoVideo.sendData(videoId, {videoList: [{
          videoId: 'f6b7be253323716119b2cbc3f7b4f9a9',
          videoName: '测试'
      }]})
};
</script>
```