jufubao-base 1.0.238-beta1 → 1.0.238-beta68

package/src/mixins/openDebuggerMixins.js

@@ -0,0 +1,74 @@
+'use strict';
+//#ifdef H5
+import cookie from "@/common/cookie";
+//#endif
+
+export default  {
+  data(){
+    return {
+      debuggerCount:0,
+      debuggerTimer:null,
+      jumpLogin: false,
+    }
+  },
+  watch:{
+    debuggerCount(val){
+      console.warn(`debuggerCount: ${val}`)
+      if(val >= 10) {
+        //#ifdef MP-WEIXIN
+        this.handleOpenWxDebugger();
+        // #endif
+        //#ifdef H5
+        this.handleOpenH5Debugger();
+        // #endif
+        this.debuggerCount = 0;
+      }
+    }
+  },
+  methods:{
+    openDebugger(jumpLogin = false){
+      this.jumpLogin = jumpLogin;
+      this.debuggerCount ++;
+      if(this.debuggerTimer){
+        clearTimeout(this.debuggerTimer);
+        this.debuggerTimer = null;
+      }
+      this.debuggerTimer = setTimeout(()=>{
+        this.debuggerCount = 0;
+      }, 2000);
+    },
+    //#ifdef MP-WEIXIN
+    handleOpenWxDebugger(){
+      if(this.$configProject.isPreview) return;
+      this.isDebugPreview = true;
+    },
+    // #endif
+
+    //#ifdef H5
+    handleOpenH5Debugger(){
+      if(this.$configProject.isPreview) return;
+      this.$xdConfirm({
+        title: '调试模式',
+        content:'即将开启体验模式或者vConsole调试模式',
+        confirmText:'体验码',
+        cancelText:'vConsole',
+        success:(res)=>{
+          if(res.confirm) {
+            if(this.jumpLogin && this.jfbAuthorize) {
+              if(this.jfbAuthorize.LoginPath) {
+                uni.redirectTo({
+                  url: `${this.jfbAuthorize.LoginPath}`
+                })
+              }
+            }else this.isDebugPreview = true;
+          }
+          else{
+            cookie.set('open_vConsole_status', 1);
+            window.location.replace(window.location.href);
+          }
+        }
+      })
+    },
+    // #endif
+  }
+}

package/src/mixins/pageEditx.js

@@ -0,0 +1,347 @@
+'use strict';
+import {
+  AttrToTargetValues,
+  getContainerPropsValue,
+  baseCloneDeep,
+} from "@/utils/xd.base";
+import {JfbEvent} from "@/utils/xd.event";
+
+
+export default {
+  data(){
+    return {
+      time: 400, //ms
+      dataListRefreshKey: '', //编辑时候重置key
+    }
+  },
+
+  created(){
+    // #ifdef H5
+    if (this.$configProject.viewType === 'preview') {
+      //注册预览模式删除插件事件
+      XdBus.addEvent('onDelPackage', (data) => {
+        this.deleteComponent(data);
+      });
+
+
+      //注册预览模式新增插件事件
+      this.regAddComponent();
+
+      //注册预览模式编辑插件面板事件
+      this.editComponent();
+
+      //注册预览模式移动插件面板事件
+      this.regMoveComponent()
+    }
+    // #endif
+  },
+
+  methods: {
+    // #ifdef H5
+    //==移动插件相关=================================
+    /**
+     * @description 绑定监听插件移动事件
+     */
+    regMoveComponent(){
+      XdBus.addEvent('onMoveComponents', ({container, type}) => {
+        let temp = baseCloneDeep(this.containers);
+        //先计算当前移动的插件在那个组中
+        let fixed = this.getFixedValue(container);
+        let containers = temp[fixed];
+        //数组为0或者为1个长度不处理
+        if(containers.length <= 1){
+          alert('当前区域只有一个组件，无需排序操作');
+          return;
+        }
+        let index = this.getItemToContainerIndex(containers, container.containerId);
+        //向上并且已经是第一个
+        if (type === 'up' && index === 0){
+          alert('已经是第一个，无需排序操作');
+          return;
+        }
+        //向下并且已经是最后一个
+        if (type === 'down' && index === (containers.length - 1)){
+          alert('已经是最后个，无需排序操作');
+          return;
+        }
+        let item = baseCloneDeep(containers[index]);
+        let newIndex = type === 'up' ? (index - 1): (index + 1);
+        containers.splice(index,1);
+        containers.splice(newIndex, 0, item);
+        temp[fixed] = containers;
+        let newContainers = baseCloneDeep([].concat(temp.tops, temp.bodys, temp.bottoms,temp.footers));
+        this.containers = baseCloneDeep(temp);
+
+        let indexObj = {};
+        newContainers.map((it, i) => {
+          indexObj[it['container_id']] = i;
+        })
+        XdBus.send('onMoveComponentsIndex', indexObj);
+      });
+    },
+
+    getItemToContainerIndex(container, containerId){
+      let index = null;
+      container.map((item,idx) =>{
+        if(containerId === item['container_id']) index = idx
+      })
+      return index;
+    },
+
+    getFixedValue(value){
+      let fixed = 'bodys';
+      let attr = value['container']['component']['attrs'];
+      attr.map(item=>{
+        if(item['key'] ==='fixed') {
+          if (item['value'] === 'top') fixed = 'tops';
+          if (item['value'] === 'bottom') fixed = 'bottoms';
+          if (item['value'] === 'footer') fixed = 'footers';
+        }
+      })
+      return fixed;
+    },
+    //==移动插件相关=================================
+
+
+    //==操作插件相关=================================
+    /**
+     * @description  删除插件
+     */
+    deleteComponent(data) {
+      let temp = baseCloneDeep(this.containers);
+      temp['refreshKey'] = this.$xdUniHelper.randomChar(20);
+      let fixed = 'body';
+      let height = 0;
+      data['container']['component']['attrs'].map(it => {
+        if (it['key'] === 'fixed') {
+          fixed = it['value'];
+        }
+        if (it['key'] === 'height') {
+          height = it['value'];
+        }
+      });
+
+      //重置refs
+      this.refs = this.refs.filter(item=>{
+        return item !== data.containerId
+      });
+
+      switch (fixed) {
+        case 'top':
+          temp.tops = temp.tops.filter(item => {
+            return data.containerId !== item['container_id'];
+          });
+          temp.topHeight -= height;
+          break;
+        case 'bottom':
+          temp.bottoms = temp.bottoms.filter(item => {
+            return data.containerId !== item['container_id'];
+          });
+          temp.bottomHeight -= height;
+          break;
+        case 'footer':
+          temp.footers = temp.footers.filter(item => {
+            return data.containerId !== item['container_id'];
+          });
+          temp.footerHeight -= height;
+          break;
+        default:
+          temp.bodys = temp.bodys.filter(item => {
+            return data.containerId !== item['container_id'];
+          });
+      }
+      this.containers = temp;
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.setIframeHeigth(false);
+          XdBus.send('onDelViewUpdateBoard', {});
+          this.dataListRefreshKey = this.$xdUniHelper.randomChar(20);
+        }, 100)
+      })
+    },
+
+    reInitData(list,container){
+      let res = {
+        status: false
+      };
+      res.data = list.map(item => {
+        if (container['container_id'] === item['container_id']){
+          //有隐藏与显示操作并且显示操作需要刷新页面
+          if(container.hidden !== item.hidden){
+            container['refreshKey'] = this.$xdUniHelper.randomChar(20);
+            res.status = true;
+          }
+          return this.$xdUniHelper.cloneDeep(container);
+        }
+        return item;
+      });
+      return res;
+    },
+
+    /**
+     * @description 编辑页面操作
+     */
+    editComponent() {
+      XdBus.addEvent('onEditComponent', ({container, isHeight}) => {
+        //有隐藏与显示操作并且显示操作需要刷新页面
+        let hasHiddenDoStatus = false;
+        let temp = baseCloneDeep(this.containers);
+        let fixed = 'body';
+        let height = 0;
+        container['component']['attrs'].map(it => {
+          if (it['key'] === 'fixed') {
+            fixed = it['value'];
+          }
+          if (it['key'] === 'height') {
+            height = it['value'];
+          }
+        });
+        switch (fixed) {
+          case 'top':
+            let tops = this.reInitData(temp.tops, container);
+            temp.tops = tops.data;
+            if(tops.status) hasHiddenDoStatus = true;
+
+            if (isHeight) {
+              if (container.hidden) temp.topHeight -= height;
+              else temp.topHeight += height;
+            }
+            break;
+          case 'bottom':
+            let bottoms = this.reInitData(temp.bottoms, container);
+            temp.bottoms = bottoms.data;
+            if(bottoms.status) hasHiddenDoStatus = true;
+
+            if (isHeight) {
+              if (container.hidden) temp.bottomHeight -= height;
+              else temp.bottomHeight += height;
+            }
+
+            break;
+          case 'footer':
+            let footers = this.reInitData(temp.footers, container);
+            temp.footers = footers.data;
+            if(footers.status) hasHiddenDoStatus = true;
+
+            if(isHeight) {
+              if (container.hidden) temp.footerHeight -= height;
+              else temp.footerHeight += height;
+            }
+            break;
+          default:
+            let bodys = this.reInitData(temp.bodys, container);
+            temp.bodys = bodys.data;
+            if(bodys.status) hasHiddenDoStatus = true;
+        }
+
+        //编辑模式更新高度需要设置ref
+        if(isHeight) {
+          if (container.hidden) {
+            this.refs = this.refs.filter(ref => {
+              return ref !== container['container_id']
+            });
+          } else {
+            this.refs.push(container['container_id'])
+          }
+        }
+        this.containers = temp;
+        this.$nextTick(() => {
+          setTimeout(() => {
+            if(!hasHiddenDoStatus) {
+              XdBus.message('onBoardSelect', {containerId: container['container_id']});
+            }
+
+            //由隐藏组件到显示组件时，需要触发操作组件的onJfbLoad事件
+            else {
+              if(!container.hidden) {
+                let ref = this.$refs[container.container_id];
+                if(ref instanceof Array) ref = ref[0];
+                if(typeof ref.onJfbLoad === 'function'){
+                  ref.onJfbLoad(this.options)
+                }
+              }
+            }
+
+            this.setIframeHeigth(false);
+            this.dataListRefreshKey = this.$xdUniHelper.randomChar(20);
+          }, 50)
+        })
+      })
+    },
+
+    /**
+     * @description 接受点击加入插件操作
+     */
+    regAddComponent() {
+      XdBus.addEvent('onAddComponent', (item) => {
+        let temp = baseCloneDeep(this.containers);
+        temp['refreshKey'] = this.$xdUniHelper.randomChar(20);
+        let fixed = 'body';
+        let height = 0;
+        item['component']['attrs'] = AttrToTargetValues(item['component']['attrs']);
+        item['component']['attrs'].map(it => {
+          if (it['key'] === 'fixed') {
+            fixed = it['value'];
+          }
+          if (it['key'] === 'height') {
+            height = it['value'];
+          }
+        });
+        switch (fixed) {
+          case 'top':
+            temp.tops.push(item);
+            if (!item.hidden) temp.topHeight += height;
+            break;
+          case 'bottom':
+            temp.bottoms.push(item);
+            if (!item.hidden) temp.bottomHeight += height;
+            break;
+          case 'footer':
+            temp.footers.push(item);
+            if (!item.hidden) temp.footerHeight += height;
+            break;
+          default:
+            temp.bodys.push(item);
+        }
+        this.containers = temp;
+        this.refs.push(item['container_id']);
+        this.$nextTick(() => {
+
+          setTimeout(() => {
+            this.setIframeHeigth();
+            XdBus.message('onBoardSelect', {containerId: item['container_id']});
+            this.dataListRefreshKey = this.$xdUniHelper.randomChar(20);
+
+            //现在组件时候需要触发load事件
+            new JfbEvent('onJfbLoad', {
+              vm: this,
+              data: this.options,
+            });
+          }, 50)
+        })
+      })
+    },
+
+
+    //==操作插件相关=================================
+
+    /**
+     *  @description 设置容器高度高度问题
+     */
+    setIframeHeigth(type = true) {
+      let xdLayoutEl = this.$refs[this.layoutRef];
+      if(xdLayoutEl) {
+        let height = parseInt(xdLayoutEl.$el.style.height || window.getComputedStyle(xdLayoutEl.$el).height);
+        if (height !== this.indexHeight) {
+          window['XdBus'].send('setIframeHeight', height);
+          this.indexHeight = height;
+        }
+      }
+    },
+
+    // #endif
+
+  }
+}
+
+