pic-viewer - npm Package Compare versions

Comparing version 0.1.7 to 0.2.0

demo/main.js

		@@ -8,2 +8,6 @@ import Vue from 'vue'

		import PicViewer from '../dist/pic-viewer.umd'
		//todo: import PicViewer from 'pic-viewer'
		Vue.use(PicViewer)

		Vue.config.productionTip = false
		@@ -10,0 +14,0 @@

package.json

		{
		"name": "pic-viewer",
		"version": "0.1.7",
		"version": "0.2.0",
		"author": "cloydlau",
		"license": "AGPL-3.0-only",
		"description": "图片预览",
		"keywords": [],
		"license": "MIT",
		"description": "开箱即用、支持表格嵌套的图片预览",
		"keywords": [
		"图片预览",
		"picture viewer",
		"image previewer",
		"viewerjs",
		"vue-viewerjs",
		"瀑布流"
		],
		"private": false,
		@@ -17,18 +24,15 @@ "main": "dist/pic-viewer.umd.min.js",
		"build": "vue-cli-service build",
		"lib": "vue-cli-service build --target lib --name pic-viewer src/index.vue",
		"pub": "concurrently \"npm run lib\" \"npm publish\""
		"lib": "vue-cli-service build --target lib --name pic-viewer src/main.js",
		"pub": "npm run lib && nrm use npm && npm publish && nrm use taobao"
		},
		"dependencies": {
		"core-js": "^3.6.4",
		"core-js": "^3.6.0",
		"viewerjs": "^1.5.0",
		"vue": "^2.6.11"
		},
		"peerDependencies": {
		"element-ui": "^2.13.0"
		},
		"devDependencies": {
		"@vue/cli-plugin-babel": "~4.2.0",
		"@vue/cli-service": "~4.2.0",
		"concurrently": "^5.1.0",
		"element-ui": "^2.13.0",
		"sass": "^1.25.0",
		"@vue/cli-plugin-babel": "~4.3.0",
		"@vue/cli-service": "~4.3.0",
		"element-ui": "^2.13.1",
		"sass": "^1.26.0",
		"sass-loader": "^8.0.2",
		@@ -35,0 +39,0 @@ "vue-template-compiler": "^2.6.11"

README.md

		@@ -1,12 +0,38 @@
		# pic-viewer
		# pic-viewer / 图片预览

		### 引入
		### 预览前 / before preview
		![preview1](./preview.png)
		### 预览时 / previewing
		![preview2](./preview2.png)


		### Intro / 介绍

		- √ viewerjs的vue版本增加了预览前的外部展示使其开箱即用
		- √ 支持瀑布流展示和表格嵌套展示两种模式
		- √ 灵活的数据类型：支持字符串/字符串数组/对象数组
		- √ 友好的hover交互
		- √ 支持全局安装/单独引入


		### Installation / 安装
		```
		yarn add element-ui pic-viewer
		或 npm i element-ui pic-viewer
		yarn add pic-viewer / npm i pic-viewer
		依赖项：vue

		全局引入：
		import PicViewer from 'pic-viewer'
		Vue.use(PicViewer)

		局部引入：
		import { PicViewer } from 'pic-viewer'
		components: { PicViewer }
		```

		### Demo

		### Usage / 使用
		```
		查看包目录下demo文件夹有极简示例
		请参考极简demo：
		cd node_modules/pic-viewer/demo
		```

demo/index.vue