From 21ca86fe1feb9661735437038fb2b538b1f352e5 Mon Sep 17 00:00:00 2001
From: Juzi <juzi214032@qq.com>
Date: Mon, 21 Dec 2020 11:11:52 +0800
Subject: [PATCH] build: Travis CI automatic compilation

---
 examples/dist/album/index.js | 80 ++++++++++++------------------------
 1 file changed, 27 insertions(+), 53 deletions(-)

diff --git a/examples/dist/album/index.js b/examples/dist/album/index.js
index 7b3a1c3a..6873106e 100644
--- a/examples/dist/album/index.js
+++ b/examples/dist/album/index.js
@@ -1,8 +1,5 @@
 // miniprogram_npm/lin-ui/album/index.js
 Component({
-  /**
-   * 组件的属性列表
-   */
   externalClasses: ['l-class', 'l-single-image-class', 'l-multi-image-class'],
   properties: {
     urls: {
@@ -63,42 +60,40 @@ Component({
     }
   },
 
-  /**
-   * 组件的初始数据
-   */
   data: {
     // 传值方式是新方式还是旧方式
     newType: true,
     // 单图短边大小
     shortSideValue: 0,
-    // 图片排列几行
-    row: 0,
-    // 图片排列几列
-    colum: 0,
     // 用于显示的图片列表
     showUrls: [],
     // 传入的url长度是否大于maxNumber指定的数量
     isLong: false,
   },
 
-  /**
-   * 组件的生命周期
-   */
-  lifetimes: {
-    attached() {
-      // 在组件实例进入页面节点树时执行
+  observers: {
+    'urls': function () {
+      this.init();
+    }
+  },
+
+  methods: {
+
+    /**
+     * 在 urls 数据变化后进行初始化
+     */
+    init() {
+      // 取出参数
+      let {urls, maxNumber, key} = this.data;
 
-      //判断传入urls长度
-      let urls = [];
-      if (this.data.urls.length > this.data.maxNumber) {
-        urls = this.data.urls.slice(0, this.data.maxNumber);
+      // 如果 urls 长度超出指定图片数量，则将其截断
+      if (urls.length > maxNumber) {
+        urls = urls.slice(0, maxNumber);
         this.setData({
           isLong: true,
         });
-        console.warn('图片数量超过maxNumber指定数量');
-      } else {
-        urls = this.data.urls;
       }
+
       this.setData({
         showUrls: urls
       });
@@ -109,26 +104,22 @@ Component({
           this.setData({
             everyRowNumber: 2
           });
-        } else(this.setData({
+        } else (this.setData({
           everyRowNumber: 3
         }));
       }
 
-      this.preview();
+      // 判断传入模式
+      const newType = this.judgeType();
+      this.setData({
+        newType
+      });
 
+      if (urls.length === 1) {
+        this.horizontalOrVertical(newType ? urls[0][key] : urls[0]);
+      }
     },
-  },
 
-  observers: {
-    'urls': function () {
-      this.preview();
-    }
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
     // 判断传入的urls是字符串列表(old模式)还是对象列表(new模式)
     judgeType() {
       const urls = this.data.urls;
@@ -156,22 +147,6 @@ Component({
       });
     },
 
-    // 显示图片
-    preview: function () {
-      // 判断传入模式
-      const newType = this.judgeType();
-      this.setData({
-        newType
-      });
-      //显示图片
-      const urls = this.data.urls;
-      const key = this.data.key;
-
-      if (urls.length === 1) {
-        this.horizontalOrVertical(newType ? urls[0][key] : urls[0]);
-      }
-    },
-
     onPreviewTap(e) {
       const index = e.currentTarget.id;
       let urls;
@@ -210,6 +185,5 @@ Component({
       }
       this.triggerEvent('lintap', detail, option);
     }
-
   }
 });