open-index/open-npm huggingface dataset:
npm package: @hippy/vue-native-components
Description: Native components middleware for Hippy-Vue, the components only for native, can't compatible with web.
Author: OpenHippy Team
Latest version: 3.2.0-beta.1

# Hippy Vue Native Components

> The package contains the **Native only** components provide by Hippy.
> For web alternative could use `hippy-vue-web-components`(it's not exist yet).

![Hippy Group](https://img.shields.io/badge/group-Hippy-blue.svg)

## How to use

Please refer to [Hippy-Vue-Extended-Components](https://hippyjs.org/#/hippy-vue/external-components).
npm package: @hippy/vue-router-next-history
Description: A hippy history mode for vue-router-next to used in @hippy/vue-next
Author: gguoyu@126.com
Latest version: 0.0.1

# vue-router-next-history

This is a hippy history mode for @hippy/vue-next. We copy source code from
[memory mode](https://github.com/vuejs/router/blob/main/packages/router/src/history/memory.ts) for vue-router and make a
small change. Current history position was exported to be access outside for other purpose.

And we will inject android hardware back press to execute router back by default. only exit app when there is no
 history back.


### How To Use
1. Install

```shell
# you should install @hippy/vue-next and vue-router first
npm install @hippy/vue-router-next-history --save-dev
```

2. Use

```javascript
// we used typescript
import type { Router } from 'vue-router';
import { createHippyRouter } from '@hippy/vue-router-next-history';
import App from './app.vue';

const routes = [
  {
    path: '/',
    component: App,
  },
  {
    path: '/path',
    component: App,
  }
];

const router: Router = createHippyRouter({
  routes,
});


router.push('/');
router.push('/path');

// now if you press android hardware back, it should back to path '/' first. then exit
// app at the second press


```
npm package: @hippy4tv/vue-native-components
Description: Hippy Vue Native components  for TV
Author: zhaopeng
Latest version: 1.0.0

# Hippy Vue Native Components

> The package contains the **Native only** components provide by Hippy.
> For web alternative could use `hippy-vue-web-components`(it's not exist yet).

![Hippy Group](https://img.shields.io/badge/group-Hippy-blue.svg)

## How to use

### Install

Install with tnpm.

```bash
tnpm install hippy-vue-native-components
```

### Register components with the middleware

#### 1. Register all of components

Point to the native entry, import the middleware

```javascript
import HippyVueNativeComponents from 'hippy-vue-native-components';
```

And use the middleware

```javascript
Vue.use(HippyVueNativeComponents);
```

#### 2. Register specific component

Dialog component as the example, point to the native entry, import the specific middleware.
for more reigster, see the `Register Middleware` column in `Supported native components` table.

```javascript
import { ModalComponent } from 'hippy-vue-native-components';
```

And use the middleware

```javascript
Vue.use(ModalComponent);
```

### Template usage

#### Dialog component as the example

```javascript
<template>
  <dialog
    animationType="slide"
    class="dialog-demo"
    :supportedOrientations="supportedOrientations"
    v-if="dialogIsVisible"
    @show="onShow"
    @requestClose="onClose">
    <div class="dialog-demo-wrapper">
      <div class="fullscreen center row">
        <button @click="clickView" class="dialog-demo-close-btn center row">
          <p class="dialog-demo-close-btn-text">Close</p>
        </button>
      </div>
    </div>
  </dialog>
</template>
```

## Supported native components

| ComponentName      | Native component mapping | Register Middleware   | Description                   |
| ------------------ | ------------------------ | --------------------- | ----------------------------- |
| anmiation          | Animation/AnimationSet   | AnimationComponent    | Animation component           |
| dialog             | Modal                    | ModalComponent        | Native modal                  |
| ul-refresh-wrapper | RefreshWrapperView       | ListRefreshComponent  | Wrap the ul to pull refresh   |
| ul-refresh         | RefreshWrapperItemView   | ListRefreshComponent  | Contents in pull down area    |
| swiper             | ViewPager                | SwiperComponent       | Slider                        |
| swiper-slide       | ViewPagerItem            | SwiperComponent       | Slider Page                   |
npm package: @hippy4tv/vue-router
Description: Official router for hippy-vue
Author: zhaopeng
Latest version: 1.0.0

# hippy-vue-router

> This is a fork of [vue-router](https://github.com/vuejs/vue-router) for working together with [hippy-vue](https://github.com/Tencent/Hippy/tree/master/packages/hippy-vue) in native environment.

![Hippy Group](https://img.shields.io/badge/group-Hippy-blue.svg)

### Introduction

`hippy-vue-router` is the official router for `hippy-vue`. It deeply integrated with hippy-vue to make building Native Application with hippy-vue a breeze. It's supported all of features of vue-router, and will support following features:

1. Android hardware back button to navigate to previous page.
2. Safe area wrapper for hippy-vue app to compatible different hardware.

### Development Setup

The developing line is following the mainstream vue-router, master branch is the vue-router's remote `dev` branch, All of features will append to `feature/hippy-vue`  after original `dev` branch.

All of core feature/bug fixes please PR to vue-router.

``` bash
# install deps
npm install

# build dist files
npm run build

# serve examples at localhost:8080
npm run dev

# lint & run all tests
npm test

# serve docs at localhost:8080
npm run docs
```

## Questions

For questions and support please file a new issue. The issue list of this repo is **exclusively** for bug reports and feature requests.

## Issues

Please make sure to read the [Issue Reporting Checklist](https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md#issue-reporting-guidelines) before opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md) before making a pull request.

## Changelog

Details changes for each release are documented in the [release notes](https://github.com/vuejs/vue-router/releases).

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2013-present Evan You