fix

.eslintignore

-/dist
\ No newline at end of file
+/dist
+/src/packages/bi/src/components/photo-wall/waterfall.vue
\ No newline at end of file

package.json

 {
   "name": "xrk-bi",
-  "version": "0.3.0-beta.23",
+  "version": "0.4.01-beta.1",
   "description": "xrk-bi",
   "author": "xrk",
   "main": "dist/bundler.js",
@@ -30,7 +30,6 @@
     "vue": "^2.5.11",
     "vue-awesome-swiper": "^4.1.1",
     "vue-echarts": "^6.0.0-rc.5",
-    "vue-waterfall2": "^1.10.1",
     "vuedraggable": "^2.24.3"
   },
   "devDependencies": {

src/main.js

@@ -2,14 +2,12 @@
  * @Description:
  * @Date: 2021-01-28 23:29:19
  */
-// import 'babel-polyfill';
+import 'babel-polyfill';
 import Vue from 'vue';
 import App from './App';
 import Xrk from './lib/index.js';
-import waterfall from 'vue-waterfall2';
 Vue.config.productionTip = false;
 Vue.use(Xrk);
-Vue.use(waterfall);
 
 /* eslint-disable no-new */
 new Vue({

src/packages/bi/src/components/photo-wall/images.vue

@@ -6,7 +6,11 @@
   </ul> -->
   <waterfall :col="columnCount" :data="taskImageInfo.imageUrls">
     <template>
-      <div v-for="(item, index) in taskImageInfo.imageUrls" :key="index">
+      <div
+        v-for="(item, index) in taskImageInfo.imageUrls"
+        :key="index"
+        style="margin-bottom:25px"
+      >
         <img
           :style="{ width: widthPx, height: heightPx }"
           :src="setUrl(item.imageUrl)"
@@ -17,6 +21,7 @@
 </template>
 
 <script>
+import waterfall from './waterfall.vue';
 const IMG_MAPPING = {
   1: {
     column: 2,
@@ -33,6 +38,9 @@ const IMG_MAPPING = {
 };
 export default {
   name: 'bi-photo-wall-images',
+  components: {
+    waterfall
+  },
   props: {
     taskImageInfo: {
       type: Object,