pic-viewer - npm Package Compare versions

Comparing version 0.3.3 to 0.3.4

package.json

 {
   "name": "pic-viewer",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "author": "cloydlau",
   "license": "MIT",
-  "description": "开箱即用、支持表格嵌套的图片预览器",
+  "description": "开箱即用，支持二维码、轮播图、瀑布流、表格嵌套的图片画廊",
   "keywords": [
     "图片预览",
+    "图片画廊",
     "image viewer",
+    "image gallery",
+    "image previewer",
+    "picture viewer",
+    "picture gallery",
     "picture previewer",
     "viewerjs",
     "vue-viewerjs",
-    "自适应瀑布流"
+    "qrcode",
+    "swiper",
+    "carousel"
   ],
@@ -49,3 +56,3 @@ "private": false,
     "element-ui": "^2.15.1",
-    "sass": "^1.32.13",
+    "sass": "^1.33.0",
     "typescript": "^4.2.4",
@@ -52,0 +59,0 @@ "vite": "2.2.4",

README.md

@@ -1,2 +0,2 @@
-# pic-viewer / 图片预览
+# pic-viewer / 图片画廊
 
@@ -193,3 +193,7 @@ ![before preview](./outside.png)
 <template>
-  <PicViewer pattern="swiper" ref="picViewer"/>
+  <PicViewer pattern="swiper" ref="picViewer" :swiperProps="{
+    on: {
+      init: onSwiperInit,
+    },
+  }"/>
 </template>
@@ -203,7 +207,2 @@
   components: { PicViewer },
-  mounted () {
-    this.$watch('$refs.picViewer.swiper', n => {
-      this.swiper = n
-    })
-  },
   data () {
@@ -214,4 +213,11 @@ return {
   },
+  methods: {
+    onSwiperInit () {
+      this.$nextTick(() => {
+        this.swiper = this.$refs.picViewer.swiper
+      })
+    }
+  }
 }
 </script>
 ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

763010

increased by0.04%

Number of lines in readme file

221

increased by2.79%

No dependency changes