open-index/open-npm huggingface dataset:
npm package: @lydiob7/react-native-twilio-programmable-voice
Description: React Native wrapper for Twilio Programmable Voice SDK
Latest version: 5.0.0

# react-native-twilio-programmable-voice

This is a react-native wrapper around [Twilio Programmable Voice SDK](https://www.twilio.com/voice), which allows your react-native app to make and receive calls.

This module is not affiliated with nor officially maintained by Twilio. It is maintained by open source contributors working during their nights and weekends.

THIS IS A FORK FROM [https://github.com/hoxfon/react-native-twilio-programmable-voice](https://github.com/hoxfon/react-native-twilio-programmable-voice)
npm package: @lydxwj/da-cli
Description: da-cli脚手架工具
Author: lyd
Latest version: 0.0.2

# 前端脚手架项目

#### 安装

```shell
npm install @lydxwj/da-cli -g
```

#### 开发

```shell
git clone https://github.com/lydxwj/da-cli.git
# 或者下载解压
https://github.com/lydxwj/da-cli/archive/refs/heads/master.zip

cd ./da-cli
npm install

# 安装完依赖之后执行
npm link
```

#### 命令

打开命令行工具

- **增加模板**

  ```shell
  da add
  ```

  **步骤示例**：(本项目地址`https://github.com/lydxwj/da-cli`)

  - ？请输入模板名称(英文字母)   cli

  - ？请选择模板仓库地址类型:  github

    》github

    ​    gitlab
    
    ​    gitee

  - ？请输入仓库所属   lydxwj

  - ？请输入仓库名  da-cli

- **删除模板**

  ```shell
  da delete
  ```

  **步骤示例**：

  - ？请输入要删除的模板名称   cli

- **模板列表**

  ```shell
  da list
  ```

- **初始化项目**

  ```shell
  da init cli test
  ```

  - cli为模板名
  - test为项目名

  **步骤示例**：(本项目地址`https://github.com/lydxwj/da-cli`)

  - ？请输入项目简介  (项目简介) da-cli生成项目test
    - 解释：项目简介是默认值，修改`package.json`中`description`字段

  - ？请输入项目版本  (1.0.0) 0.0.1
    - 解释：1.0.0是默认值，修改`package.json`中`version`字段

  自动下载模板地址`master`分支代码到当前命令行目录下项目名（test）下

- **创建项目**（脚手架规定的项目）

  ```shell
  da create test
  ```

  - test为项目名

  **步骤示例**：

  - ？请选择框架:  vue

    》vue

    - 解释：目前只支持vue

  - ？请输入项目简介  (项目简介) da-cli生成项目test

    - 解释：项目简介是默认值，修改`package.json`中`description`字段

  - ？请输入项目版本  (1.0.0) 0.0.1

    - 解释：1.0.0是默认值，修改`package.json`中`version`字段

- **增加仓库地址类型**（已经内置github，gitlab，gitee）

  ```shell
  da sites add
  ```

  **步骤示例**：（http://192.168.0.0，即http://test.gitlab.com，私有本地仓库）

  - ？请输入仓库地址类型名 test
    - 解释：添加模板时选择模板仓库地址类型列表显示名
  - ？请输入存储仓库地址类型的键（key）test
  - ？请输入仓库地址URL 例如：https://my.sitecode.com  http://192.168.0.0
    - 解释：私有本地仓库建议使用IP地址，否则可能出错

- **删除仓库地址类型**

  ```shell
  da sites delete
  ```

  **步骤示例**：

  - ？请输入要删除的存储仓库地址类型键（key）   test
    - 解释：不支持删除内置github、gitee和gitlab

- **仓库地址类型列表**

  ```shell
  da sites list
  ```

#### 注意

- 支持[github](https://github.com/)、[gitlab](https://gitlab.com/)、[gitee](https://gitee.com/)下的公开项目（私有项目需要自己的git有权限）、公司自己搭建的git仓库的项目
- 下载过程中有可能需要登录对应的git账号

### [项目地址](https://github.com/lydxwj/da-cli)
npm package: @lydxwj/react-fullpage
Description: 全屏翻页组件
Author: lyd
Latest version: 0.0.5

# @lydxwj/react-fullpage

#### 安装

```
npm install @lydxwj/react-fullpage --save
```

#### 使用

```
import { PageContainer, Pages } from '@lydxwj/react-fullpage';
import '@lydxwj/react-fullpage/lib/css/styles.css';

<PageContainer onChange={(nowIdx, newIdx) => {
  console.log(nowIdx);
  console.log(newIdx);
}} onChangeEnd={(nowIdx) => {
  console.log(nowIdx);
}}>
  <Pages style={{
    backgroundColor: '#51eabe',
  }}></Pages>
  <Pages style={{
    backgroundColor: '#f4ea2a',
  }}></Pages>
  <Pages style={{
    backgroundColor: '#1afa29',
  }}></Pages>
  <Pages style={{
    backgroundColor: '#1296db',
  }}></Pages>
</PageContainer>
```

#### 组件介绍

```
import { PageContainer, Pages } from '@lydxwj/react-fullpage';
// PageContainer翻页组件盒子，Pages单个翻页组件

// 或者 import PageContainer from '@lydxwj/react-fullpage';
// PageContainer翻页组件盒子，PageContainer.Pages单个翻页组件
```

#### 组件配置

- PageContainer

| 配置项      | 介绍                 | 参数/默认值                                  |
| ----------- | -------------------- | -------------------------------------------- |
| onChange    | 页面翻转前回调       | nowIdx（当前页索引）, newIdx（翻转页页索引） |
| onChangeEnd | 页面翻转后回调       | nowIdx（当前页索引）                         |
| isArrow     | 是否显示下滑提示箭头 | true（默认值）                               |
| isNav       | 是否显示指示器       | true（默认值）                               |
| style       | 样式对象             | 建议不设置height、width                      |

```
// PageContainer里面嵌套Pages来使用
<PageContainer>
  <Pages></Pages>
</PageContainer>
```

- Pages

| 配置项   | 介绍     | 参数/默认值                                      |
| -------- | -------- | ------------------------------------------------ |
| againCof | 回看配置 | {  isShow: true,是否显示 text: '回看', 文案配置} |
| again    | 回看回调 | 无                                               |
| style    | 样式对象 | 建议不设置height、width                          |

```
// Pages可以嵌套自己想要的页面内容
<Pages>
  <div>页面内容</div>
</Pages>
```

说明: 仅支持移动端

### 如果有问题欢迎交流
npm package: @lydxwj/resource
Description: 加载资源
Author: lyd
Latest version: 0.1.0

# lydxwj-resource

资源加载插件。。。

#### 安装

```
npm install @lydxwj/resource --save
```

#### 使用

```
import Resource from '@lydxwj/resource';

Resource.load({
	srcList: [
		require('./assets/demo.jpg'),
		'https://timgsa.baidu.com/demo.png',
	],
	percentCb(percent) {
		console.log(percent);
	},
	completeCb(res) {
		console.log(res);
	},
	failCb(e, src, idx) {
		console.log(e, src, idx);
	},
	time: 2000,
});
```

#### 方法

- load

  - srcList资源数组

    静态资源需要使用require处理

    支持格式`.png .jpg .jpeg .gif`， `.css`，`.js`

  - percentCb百分比更新回调，参数percent：当前百分数0~100
  - completeCb完成回调，加载完或者加载失败或者加载时间结束等情况下执行，参数res:加载过的资源对象
  - failCb失败回调，参数e：失败对象，src：失败的资源地址，idx：当前失败是第几项
  - time自定义时间，毫秒，定义时间时不会等待资源加载完

**参数都是可选的**
npm package: @lydxwj/vue-fullpage
Description: 全屏翻页组件
Author: xwj
Latest version: 0.0.3

# @lydxwj/vue-fullpage

#### 安装

```
npm install @lydxwj/vue-fullpage --save
```

#### 使用

```
// 入口文件
import FullPage from '../src/index.js'
Vue.use(FullPage);
```

```
// 项目中文件
<template>
  <PageContainer @onChange="onChange" @onChangeEnd="onChangeEnd">
    <Pages :sty="{
      backgroundColor: '#51eabe',
    }">
      <div>第一</div>
    </Pages>
    <Pages :sty="{
      backgroundColor: '#f4ea2a',
    }">
      <div>第二</div>
    </Pages>
    <Pages :sty="{
      backgroundColor: '#1afa29',
    }">
      <div>第三</div>
    </Pages>
    <Pages :sty="{
      backgroundColor: '#1296db',
    }" :againCof="{
      isShow: true,
      text: '重播'
    }" @again="again">
      <div>第四</div>
    </Pages>
  </PageContainer>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    onChange: (nowIdx, newIdx) => {
      console.log(nowIdx);
      console.log(newIdx);
    },
    onChangeEnd: (nowIdx) => {
      console.log(nowIdx);
    },
    again: () => {
      console.log('重播');
    },
  },
};
</script>
<style lang="stylus" scoped>
</style>
```

#### 组件介绍

```
<PageContainer></PageContainer>
<Pages></Pages>
// PageContainer翻页组件盒子,用于嵌套Pages，Pages单个翻页组件
```

#### 组件配置

- PageContainer

| 配置项      | 介绍                 | 参数/默认值                                  |
| ----------- | -------------------- | -------------------------------------------- |
| onChange    | 页面翻转前回调       | nowIdx（当前页索引）, newIdx（翻转页页索引） |
| onChangeEnd | 页面翻转后回调       | nowIdx（当前页索引）                         |
| isArrow     | 是否显示下滑提示箭头 | true（默认值）                               |
| isNav       | 是否显示指示器       | true（默认值）                               |
| sty         | 样式对象             | 建议不设置height、width                      |

```
// PageContainer里面嵌套Pages来使用
<PageContainer>
  <Pages></Pages>
</PageContainer>
```

- Pages

| 配置项   | 介绍     | 参数/默认值                                      |
| -------- | -------- | ------------------------------------------------ |
| againCof | 回看配置 | {  isShow: true,//是否显示 text: '', //文案配置} |
| again    | 回看回调 | 无                                               |
| sty      | 样式对象 | 建议不设置height、width                          |

```
// Pages可以嵌套自己想要的页面内容
<Pages>
  <div>页面内容</div>
</Pages>
```

说明: 仅支持移动端

[react版本](https://github.com/lydxwj/lydxwj-react-fullpage)

### 如果有问题欢迎交流
npm package: @lydxwj/vue-loading
Description: 基于 Vue 的加载页组件
Author: lyd
Latest version: 0.1.0

# vue-loading

加载页

#### 安装

```
npm install @lydxwj/vue-loading --save
```

#### 使用

```
import Loading from '@lydxwj/vue-loading';
Vue.use(Loading);
<template>
    <Loading class="myloading" :srcList="srcList">
        <template v-slot="obj">
          <div>{{obj.progress}}%</div>
        </template>
    </Loading>
</template>
export default {
  name: 'app',
  data () {
    return {
      number: 0,
      srcList: [
        'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559738559098&di=c8c212941da82e85fdc49f06272da023&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F32fa828ba61ea8d3fcd2e9ce9e0a304e241f5803.jpg',
        'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559738559098&di=fcfa50a3fed4b01438ac9d93ee644039&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4610b912c8fcc3cef70d70409845d688d53f20f7.jpg',
      ],
    };
  }
};
</script>
```

#### 属性

- srcList 资源数组

  静态资源需要使用require处理

  支持格式`.png .jpg .jpeg .gif`， `.css`，`.js`

- time 自定义时间，毫秒，定义时间时不会等待资源加载完

#### 方法

- percent百分比更新回调

  参数percent：当前百分数0~100

- complete完成回调，加载完或者加载失败或者加载时间结束等情况下执行

  参数res:加载过的资源对象

- fail失败回调

  参数e：失败对象，src：失败的资源地址，idx：当前失败是第几项

**属性和方法都是可选的**