open-index/open-npm huggingface dataset:
npm package: @mvp-react/react-table-mui
Description: A Material-UI implementation of react-table-plain
Author: Stephan Meißner
Latest version: 0.1.5

# react-table-mui

A npm package that implements react-table-plain for Material-UI.
<!-- 
![travis build](https://img.shields.io/travis/mvp-react/react-table-mui.svg?style=flat-square)
![npm version](https://img.shields.io/npm/v/react-table-mui.svg?style=flat-square) -->

## Usage

```javascript

import { TablePlain } from "@mvp-react/react-table-plain"
import { tableMuiTheme } from "@mvp-react/react-table-mui"

function List() {
  return <TablePlain {...tableMuiTheme} data={...} />
}

```
npm package: @mvp-react/react-table-semantic-ui
Description: A Semantic-UI implementation of react-table-plain
Author: Stephan Meißner
Latest version: 0.1.5

# react-table-semantic-ui

A npm package that implements react-table-plain for Material-UI.

<!-- ![travis build](https://img.shields.io/travis/mvp-react/react-table-semantic-ui.svg?style=flat-square)
![npm version](https://img.shields.io/npm/v/@mvp-react/react-table-semantic-ui.svg?style=flat-square) -->

## Usage

```javascript

import { TablePlain } from "@mvp-react/react-table-plain"
import { tableSemanticUITheme } from "@mvp-react/react-table-semantic-ui"

function List() {
  return <TablePlain {...tableSemanticUITheme} data={...} />
}

```
npm package: @mvp-rockets/namma-generator
Description: A generator to generate mvp-rockets projects
Author: napses.com
Latest version: 6.3.2

- [1. Introduction](#1-introduction)
- [2. Pre-requirement](#2-pre-requirement)
- [3. Installation](#3-installation)
- [4. Create the project/boilerplate codes.](#4-create-the-projectboilerplate-codes)
- [5. Development](#5-development)

## 1. Introduction

A generator to generate mvp-rockets projects/boilerplate codes.

## 2. Pre-requirement

- Ubuntu 20.04 or above
- docker(19.xx or above) 
- docker-compose(1.28.xx or above)

## 3. Installation

```
npm i -g @mvp-rockets/namma-generator

```

## 4. Create the project/boilerplate codes.

```
mkdir project-name && cd project-name
namma_generate
```

Questions asked during the generation process:
Project Name: (defaults to the current directory name)

Services to setup:
  - Namma API Service: Installs [mvp-rockets api](https://github.com/mvp-rockets/backend-core) boilerplate code.
  - Next.js Web Site: Installs [mvp-rockets web](https://github.com/mvp-rockets/frontend-nextjs-core) boilerplate code.
  - Nuxt.js API Service: Work in progress. Not available yet
  - Deployment Scripts: Bash based [deployment scripts](https://github.com/mvp-rockets/deployment_scripts).

Service Name: 
  - Will create a sub-directory of that name and copy the service code.
  - Will define the service name within package.json as `project-name-service-name` (e.g. project-api)
  - Set the service version as **1.0.0**

In case of API, additional prompt "Cloud Provider" is asked for.
- Currently we have only published the AWS version.

## 5. Development

This project uses git submodule.
First time cloning:
`git clone --recurse-submodules -j4`
Else, after cloning, you will need to run the following for the first time.
`git submodule update --init --recursive`

Whenever you want to update the submodules, run
`git submodule update --recursive`
npm package: @mvpleung/vue-photo-preview
Description: "基于photoswipe的vue图片预览组件"
Author: mvpleung
Latest version: 1.1.5

# vue-photo-preview

> \"基于 photoswipe 的 vue 图片预览插件\"

该项目 Fork 自https://github.com/826327700/vue-photo-preview; 原项目中使用`Vue.mixin`混入了`extend`方法，容易跟其他库产生命名冲突，故 Fork 一份修改

## 说明

1.简化了`photoswipe`的默认设置  
2.取消了图片需设定尺寸的要求  
3.默认关闭了分享按钮  
4.简化了 html 结构

## 使用

### NPM 安装

```bash
npm install @mvpleung/vue-photo-preview --save
```

```javascript
import preview from '@mvpleung/vue-photo-preview'
import '@mvpleung/vue-photo-preview/dist/skin.css'
Vue.use(preview, options?) //option配置请查看 http://photoswipe.com/documentation/options.html
```

### Script 引入

```html
<link rel="stylesheet" type="text/css" href="path/dist/skin.css" />

<script
    src="path/dist/vue-photo-preview.js"
    type="text/javascript"
    charset="utf-8"
></script>
<script type="text/javascript">
    // 不需要自定义配置时，不需要 use
    // 仅当需要自定义配置时，需要显示 use
    var options = {
        fullscreenEl: false //关闭全屏按钮
    }
    Vue.use(vuePhotoPreview, options)

    new Vue({
        el: '#app'
    })
</script>
```

```html
## 在img标签添加preview属性 preview值相同即表示为同一组

<img src="xxx.jpg" preview="0" preview-text="描述文字" />

//分组
<img src="xxx.jpg" preview="1" preview-text="描述文字" />
<img src="xxx.jpg" preview="1" preview-text="描述文字" />

<img src="xxx.jpg" preview="2" preview-text="描述文字" />
<img src="xxx.jpg" preview="2" preview-text="描述文字" />

<img
    src="xxx.jpg"
    large="xxx_3x.jpg"
    preview="2"
    preview-text="缩略图与大图模式"
/>
```

### 2020-01-12 更新

修复因使用`Vue.mixin`混入了`extend`导致的命名冲突。

### 2019-02-02 更新

修复打开和关闭图片页面时，动画起始位置总是位于图片组最后一张的问题。调整默认点击放大倍数。

### 2018-11-28 更新

解决图片多次点击问题。缩略图只可点击一次，直至图片加载完成后，才可再次打开。

### 2018-11-15 更新

重命名 this.init 为 this.initPreview，解决部分冲突问题。
去除所有 console 打印

### 2018-10-15 更新

解决原图与大图模式下的 BUG

### 2018-09-28 更新

//添加对原插件 photoswipe 的事件响应，示例：

```javascript
this.$preview.on('close',())=>{//close只是众多事件名的其中一个，更多请查看文档
	console.log('图片查看器被关闭')
})
```

//添加图片查看器实例--this.\$preview.self 注意：此实例仅在图片查看器被打开时生效

```javascript
this.$preview.on('imageLoadComplete', (e, item) => {
    console.log(this.$preview.self) //此时this.$preview.self拥有原插件photoswipe文档中的所有方法和属性
})
```

//demo 文件夹中 index.html 可以供参考写法
//本次更新后继承了原插件的所有事件、方法和属性，如需复杂使用请多多查看[原插件文档](http://photoswipe.com/documentation/api.html)

//应性能要求 新增大图查看 large 标签填写大图路径 （插件的思路是 img 的 src 默认为缩略图），如不填写 large，则展示 src

```html
<img src="xxx.jpg" large="xxx_3x.jpg" preview="2" preview-text="描述文字" />
```

### 2018-05-17 更新

//如果图片是异步生成的，在图片数据更新后调用：

```javascript
this.$previewRefresh()
```

## Options

[插件配置文档](http://photoswipe.com/documentation/options.html)

## DEMO

[地址](https://826327700.github.io/vue-photo-preview/demo/)