jufubao-base 1.0.238-beta1 → 1.0.238-beta67

package/src/mixins/posterMixins.js

@@ -1,5 +1,4 @@
 'use strict';
-
 import {mapActions} from "vuex";
 
 export default {
@@ -33,7 +32,7 @@ export default {
         //内部应用
         return true;
       });
-      console.warn(`PostersList:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
+      console.warn(`filterPosterItem.posterMixins:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
       return content;
     },
 
@@ -141,6 +140,11 @@ export default {
     },
 
     handlePosterClick(item){
+      console.warn(`handlePosterClick.posterMixins`);
+
+      //预览模式
+      if( this.$configProject.isPreview) return;
+
       //未配置链接地址
       if(!item.redirect_data) {
         console.warn(`未配置链接地址: ${item.redirect_data}`);

package/src/mixins/scrollListFixedHeigthMixins.js

@@ -0,0 +1,174 @@
+'use strict';
+
+
+export default {
+  data() {
+    return {
+      //base
+      jfbListScrollElx: null, //计算滚动区域顶部元素top值（必须设置）建议使用ID选择器
+      jfbScrollList: null, //计算后的卡列表 (null|Array)
+      jfbScrollIndex:0,//记录当前数组的索引值
+      jfbScrollNextTop: 0, //计算元素初始化父节点元素距离顶部Top值
+
+      //list
+      jfbScrollRowShowNum: 1, //每行显示个数
+      jfbScrollItemPadding: 0, //行间距 rpx
+      jfbScrollItemHeight: 200, //块高度 rpx
+      jfbScrollLimit: 20, //每页个数
+      jfbScrollStart: 0, //可视区域的顶部边界值
+      jfbScrollEnd: 0, //可视区域的底部边界值
+      jfbShowPageStatus: false,//页面是否转为后台允许状态
+      jfbScrollFixed: 50, //调节阀值 rpx
+
+      //转换
+      jfbPxNum: 0,  //px to rpx  (1px * $pxNum)rpx
+      jfbRpxNum: 0,  //rpx to px (1rpx * $rpxNum)px
+      maxAutoWindowWidth: 1280,
+
+    }
+  },
+
+  watch:{
+    jfbScrollStart() {
+      // console.log(this.jfbScrollStart, this.jfbScrollEnd);
+      // debugger
+    },
+    jfbScrollNextTop(val){
+      // console.log(val);
+      // debugger
+    }
+  },
+  
+  created(){
+    this.jfbScrollEnd  = uni.getSystemInfoSync().safeArea.height;
+    this.jfbPxNum = 750 / uni.getSystemInfoSync().windowWidth;
+    this.jfbRpxNum = uni.getSystemInfoSync().windowWidth / 750;
+    if(uni.getSystemInfoSync().windowWidth > 1280) {
+      this.jfbRpxNum = 375 / 750;
+      this.jfbPxNum = 750 / 375;
+    }
+    this.jfbShowPageStatus = true;
+  },
+
+  methods: {
+    checkListItemShow({height , top},index){
+
+      if(this.$configProject.isPreview) {
+        return this.jfbScrollLimit > index;
+      }
+      let boxTop = top + height + this.jfbScrollFixed * this.jfbRpxNum;
+      let boxBottom = top - (this.jfbScrollFixed * this.jfbRpxNum);
+      let {jfbScrollStart, jfbScrollEnd} = this;
+      return boxTop > jfbScrollStart && boxBottom < jfbScrollEnd;
+    },
+
+    getScrollContentTop(){
+      return new Promise((resolve, reject)=>{
+        this.$nextTick(()=>{
+          this.$xdUniHelper.getEleInfo(this.jfbListScrollElx, this, (data)=>{
+            this.jfbScrollNextTop = data.top;
+            console.warn('content-box:top='+this.jfbScrollNextTop)
+            resolve();
+          })
+        })
+      })
+    },
+
+    async onJfbLoad(options){
+      this.jfbListOptions = options;
+      if(this.jfbListScrollElx === null) throw new Error('滚动区域顶部元素，进行距离顶部设置');
+      else {
+
+        await this.getScrollContentTop();
+        if(typeof this['onJfbPackageLoad'] === 'function') {
+          this['onJfbPackageLoad'](options);
+        }
+      }
+    },
+
+    /**
+     * @description 设置属性 注意在created里面进行设置
+     * @param key
+     * @param value
+     */
+    setJfbScrollAttr(key, value){
+      let  allow = [
+        'jfbScrollRowShowNum',
+        'jfbScrollItemPadding',
+        'jfbScrollItemHeight',
+        'maxAutoWindowWidth',
+        'jfbListScrollElx',
+        'jfbScrollLimit'
+      ];
+      if(allow.indexOf(key) === -1) console.warn(`键值：${key}不存在`);
+      else {
+        this[key]= value;
+      }
+    },
+
+    computeJfbScrollList(data = []){
+      return new Promise((resolve)=>{
+        const handle = ()=>{
+          if(this.jfbScrollNextTop === null) {
+            setTimeout(()=>{
+              handle();
+            }, 50)
+            return
+          }
+
+          //处理
+          let newData = this.$xdUniHelper.cloneDeep(data);
+          newData = newData.map(item=>{
+            let row = Math.floor(this.jfbScrollIndex/this.jfbScrollRowShowNum);
+            let height = this.jfbScrollItemHeight * this.jfbRpxNum;
+            let padding = this.jfbScrollItemPadding * this.jfbRpxNum;
+            item['height'] = height;
+            item['top'] = this.jfbScrollNextTop;
+            item['scrollIndex'] = this.jfbScrollIndex;
+
+            if(this.jfbScrollIndex%this.jfbScrollRowShowNum === (this.jfbScrollRowShowNum -1)) {
+              this.jfbScrollNextTop = this.jfbScrollNextTop + height + padding;
+            }
+            this.jfbScrollIndex++;
+            return item;
+          });
+          this.jfbScrollList = (this.jfbScrollList||[]).concat(newData);
+          resolve(this.jfbScrollList)
+        }
+        handle();
+      })
+    },
+
+    onJfbScroll(params){
+
+      if(this.jfbShowPageStatus) {
+        this.jfbScrollStart = params.e.scrollTop;
+        this.jfbScrollEnd = params.e.scrollTop + uni.getSystemInfoSync().safeArea.height
+      }
+      if(typeof this['onJfbPackageScroll'] === 'function') {
+        this['onJfbPackageScroll'](params);
+      }
+    },
+
+    onJfbHide(options){
+      this.jfbShowPageStatus = false;
+      if(typeof this['onJfbPackageHide'] === 'function') {
+        this['onJfbPackageHide'](options);
+      }
+    },
+
+    onJfbShow(options){
+      this.jfbShowPageStatus = true;
+      if(typeof this['onJfbPackageShow'] === 'function') {
+        this['onJfbPackageShow'](options);
+      }
+    },
+
+    clearDefault(){
+      this.jfbScrollList = null;
+      this.jfbScrollNextTop = 0;
+      this.jfbScrollIndex = 0
+    }
+
+  }
+}