jufubao-forms 1.0.0-beta1

package/src/mixins/posterMixins.js

@@ -0,0 +1,122 @@
+'use strict';
+
+export default {
+  methods:{
+    /**
+     * @description 过滤不可以用
+     * 当前项目未H5时,过滤所有小程序应用
+     * 当前项目未小程序时,过滤所有非当前小程序应用
+     * 站外地址直接返回
+     * 站内地址未选值直接返回
+     * 预览模式全过
+     */
+    posterFilterNoUseData(list = []){
+      let content = this.$xdUniHelper.cloneDeep(list).filter(item=>{
+        //预览模式
+        if( this.$configProject.isPreview) return true;
+
+        //非内部应用
+        if(item.redirect_type !== 'INN') return true
+
+        //没有配置链接
+        if(!item.redirect_data) return true;
+
+        //内部应用
+        else {
+          let redirect_data;
+          try {
+            redirect_data = JSON.parse(item.redirect_data);
+            if(!item['app_type']) item['app_type']= 'h5';
+
+            //#ifdef H5
+            return item['app_type'] !== 'wxmp';
+            //#endif
+
+            //#ifdef MP-WEIXIN
+            let actDir = this.$parent['projectAttr']['deploy_dir'];
+            let dir = this.getPosterPathDir(redirect_data.page);
+            if(item['app_type'] === 'wxmp'){
+              return actDir === dir;
+            }
+            else if(item['app_type'] === 'h5') return true;
+            else return true
+            //#endif
+          }
+          catch (e) {
+            return true
+          }
+        }
+      });
+      console.warn(`PostersList:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
+      return content;
+
+    },
+
+    getPosterPathDir(pathDir){
+      if(pathDir.indexOf('@site_domain@/') === 0) {
+        return pathDir.replace('@site_domain@/','').split('/')[0]
+      }
+      return ''
+    },
+
+    handlePosterClick(item) {
+      if(!item.redirect_data) {
+        console.warn(`未配置链接地址: ${item.redirect_data}`);
+        console.error(`未配置链接地址: ${item.redirect_data}`);
+        return
+      }
+
+      //内部链接跳转地址
+      if (item.redirect_type === 'INN') {
+        try {
+          let url = JSON.parse(item.redirect_data);
+          let params = '';
+          if(url.page) {
+            if (item['redirect_params']) params = `?${item['redirect_params']}`;
+            this.$xdUniHelper.navigateTo({url: url.page + params})
+          }
+          else {
+            console.error(`应用链接配置错误: ${url.page}`)
+          }
+        } catch (e) {
+          console.error(`应用链接配置错误: ${item.redirect_data}`)
+        }
+      }
+
+      //外部链接
+      if (item.redirect_type === 'URL') {
+        let reg = /^(http:\/\/|https:\/\/|\/\/)+.+$/;
+        let spReg = /(-apiuri\/v)/;
+        //#ifdef MP-WEIXIN
+        try {
+          let url = JSON.parse(item.redirect_data);
+          if (reg.test(url.url) || spReg.test(url.url)) {
+            console.warn(`广告跳转外站: ${url.url}`)
+            this.$xdUniHelper.navigateTo(url);
+          } else {
+            console.error(`广告跳转外站配置错误: ${url.url}`)
+          }
+        } catch (e) {
+          console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
+        }
+        //#endif
+        //#ifdef H5
+        try {
+          let url = JSON.parse(item.redirect_data);
+          console.warn(`广告跳转外站: ${url.url}`);
+          this.$xdUniHelper.redirectTo(url, false)
+        } catch (e) {
+          console.error(`广告跳转外站配置错误: ${item.redirect_data}`)
+        }
+        //#endif
+
+      }
+
+      //无跳转地址
+      if(item.redirect_type === 'EMP') {
+        console.warn(`无跳转地址`);
+      }
+    },
+  },
+}
+

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
+    }
+
+  }
+}

package/src/mocks.js

@@ -0,0 +1,4 @@
+'use strict';
+
+export default {}
+