open-index/open-npm huggingface dataset:
npm package: @raozi83/r-input
Description: <!--  * @Author: your name  * @Date: 2020-06-09 16:35:34  * @LastEditTime: 2020-06-10 10:35:28  * @LastEditors: Please set LastEditors  * @Description: In User Settings Edit  * @FilePath: \demo\README.md -->  # 安装 ``` npm install @raozi83/r-input ``` #使用 
Latest version: 0.1.4

<!--
 * @Author: your name
 * @Date: 2020-06-09 16:35:34
 * @LastEditTime: 2020-06-10 10:35:28
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \demo\README.md
--> 
# 安装
```
npm install @raozi83/r-input
```
#使用
```
import '@raozi83/r-input'
```
```
<Rinput v-model="inputvalue" placeholder="密码" type='password' color="red" size="large"></Rinput>
```
#参数说明
- *placeholder（必选）:占位字符串
- type:输入框类型
- color:边框及文本颜色（默认blue，支持十六进制）
- size:输入框大小（默认large，支持large、small、数值）
npm package: @rap-api/react-query
Description: Combine Rapper with powerful React Query.
Latest version: 0.0.2

# Rapper Query

Combine Rapper with powerful React Query.

## Getting Started

---

### 1. Install [Rapper http](https://infra-fe.github.io/rap-client/code/http), [React Query](https://react-query.tanstack.com/) and `@rap-api/react-query` in your project.

```sh
yarn add @rap-api/cli @rap-api/request @rap-api/react-query @tanstack/react-query
```

[Generate TypeScript code](https://infra-fe.github.io/rap-client/code/react/react-query) in your project.

### 2. Remember to add `QueryClientProvider`. ([React Query Quick Start](https://react-query.tanstack.com/quick-start))

```tsx
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

// Create a client
const queryClient = new QueryClient();

function App() {
  return (
    // Provide the client to your App
    <QueryClientProvider client={queryClient}>
      <Todos />
    </QueryClientProvider>
  );
}
```

### 3. Create the hooks using generated code.

```tsx
import * as React from 'react';
import { createUseRapperQuery } from '@rap-api/react-query';
import { fetch } from 'src/rapper';

const useRapperQuery = createUseRapperQuery(fetch);

const Component: React.FC = () => {
  const { data, isLoading } = useRapperQuery('GET/path/to/your/api', {
    param1: 'value',
  });

  if (isLoading) {
    return <div>Loading...</div>;
  }

  return <div>{data.data}</div>;
};
```

## API Reference

- [Rapper3](https://infra-fe.github.io/rap-client/code)
- [React Query](https://react-query.tanstack.com/overview)

### createUseRapperQuery

Combine Rapper3 with `useQuery` in `react-query`. It's usually used for read-only APIs (GET method).

- `url: string`: The URL of your API.
- `params?: object`: The params of your API.
- `options?: UseQueryOptions`: The options for `useQuery`.

### createUseRapperQueries

Combine Rapper with `useQueries` in `react-query`. Most time, you can use several `useQuery` to fetch multiple APIs. Use `useQueries` if your count of requests is undetermined.

- `requests: [string, object][]`
  - `requests[number][0]`: The URL of your API.
  - `requests[number][1]`: The params of your API.
- `options?: QueriesOptions`: The options for `useQueries`.

### createUseMutation

Combine Rapper with `useMutation` in `react-query`. It's usually used for mutation APIs (POST/PUT/PATCH/DELETE method).

- `url: string`: The URL of your API.
- `options?: UseMutationOptions`: The options for `useMutation`.

### createUseInfiniteQuery

Combine Rapper with `useInfiniteQuery` in `react-query`. It's usually used for infinite pagination APIs. For normal page/number paginations, you can just use a `useQuery`.

- `url: string`: The URL of your API.
- `params?: object`: The params of your API.
- `options?: UseInfinityQueryOptions`: The options for `useInfinityQuery`.
npm package: @rap-api/react-query3
Description: Combine Rapper3 with powerful React Query.
Latest version: 0.0.2

# @rap-api/react-query3

Combine Rapper3 with powerful React Query.

## Getting Started

---

### 1. Install [Rapper3 http](https://infra-fe.github.io/rap-client/code/http), [React Query](https://react-query.tanstack.com/) and `@rap-api/react-query3` in your project.

```sh
npm install --save @rap-api/cli @rap-api/request react-query@^3 @rap-api/react-query3
```

[Generate TypeScript code](https://infra-fe.github.io/rap-client/code/react/react-query) in your project.

Remember to add `QueryClientProvider`. ([React Query Quick Start](https://react-query.tanstack.com/quick-start))

```tsx
import { QueryClient, QueryClientProvider } from 'react-query';

// Create a client
const queryClient = new QueryClient();

function App() {
  return (
    // Provide the client to your App
    <QueryClientProvider client={queryClient}>
      <Todos />
    </QueryClientProvider>
  );
}
```

Create the hooks using generated code.

```tsx
import * as React from 'react';
import { createUseRapperQuery } from '@rap-api/react-query3';
import { fetch } from 'src/rapper';

const useRapperQuery = createUseRapperQuery(fetch);

const Component: React.FC = () => {
  const { data, isLoading } = useRapperQuery('GET/path/to/your/api', {
    param1: 'value',
  });

  if (isLoading) {
    return <div>Loading...</div>;
  }

  return <div>{data.data}</div>;
};
```

## API Reference

- [Rapper](https://infra-fe.github.io/rap-client/code)
- [React Query](https://react-query.tanstack.com/overview)

### createUseRapperQuery

Combine Rapper with `useQuery` in `react-query`. It's usually used for read-only APIs (GET method).

- `url: string`: The URL of your API.
- `params?: object`: The params of your API.
- `options?: UseQueryOptions`: The options for `useQuery`.

### createUseRapperQueries

Combine Rapper with `useQueries` in `react-query`. Most time, you can use several `useQuery` to fetch multiple APIs. Use `useQueries` if your count of requests is undetermined.

- `requests: [string, object][]`
  - `requests[number][0]`: The URL of your API.
  - `requests[number][1]`: The params of your API.
- `options?: QueriesOptions`: The options for `useQueries`.

### createUseMutation

Combine Rapper with `useMutation` in `react-query`. It's usually used for mutation APIs (POST/PUT/PATCH/DELETE method).

- `url: string`: The URL of your API.
- `options?: UseMutationOptions`: The options for `useMutation`.

### createUseInfiniteQuery

Combine Rapper with `useInfiniteQuery` in `react-query`. It's usually used for infinite pagination APIs. For normal page/number paginations, you can just use a `useQuery`.

- `url: string`: The URL of your API.
- `params?: object`: The params of your API.
- `options?: UseInfinityQueryOptions`: The options for `useInfinityQuery`.