jufubao-third 1.0.0-beta1

package/src/config.mp.weixin.js

@@ -0,0 +1,13 @@
+'use strict';
+
+export default {
+  "type": "build",
+  "NODE_ENV": "production",
+  "UNI_PLATFORM": "mp-weixin",
+  "platform": "mp.weixin",
+  "viewType": "preview",
+  "isPreview": true,
+  "server": "server",
+  "copypack": null,
+  "fileDir": "resource"
+}

package/src/config.project.js

@@ -0,0 +1,15 @@
+'use strict';
+
+//#ifdef H5
+import config from "@/config.h5";
+//#endif
+
+//#ifdef MP-WEIXIN
+import config from "@/config.mp.weixin";
+//#endif
+
+//#ifdef APP-PLUS
+import config from "@/config.app.plus";
+//#endif
+
+export default config;

package/src/mixins/componentsMixins.js

@@ -0,0 +1,416 @@
+'use strict';
+
+import {getContainerFnPropsValue, getContainerPropsValue} from "@/utils/xd.base";
+import {Base64} from 'js-base64';
+import {mapActions,mapState} from "vuex";
+import helper from "@/utils/helper";
+
+export default {
+  props: {
+    /**
+     * @description 插件在页面中到唯一ID
+     */
+    cid: {
+      type: null | String | Number,
+      default: null,
+    },
+    /**
+     * @description 业务插件相关数据集合
+     */
+    container: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面框架属性
+     */
+    layoutInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面属性
+     */
+    pageAttr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件元素属性（插件管理时候填写属性）
+     */
+    componentAttr: {
+      type: Object | Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件所属插件库属性（业务插件库）
+     */
+    appAttr: {
+      type: Object | Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置
+     */
+    settings: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件库所用风格属性
+     */
+    styles: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置文件
+     */
+    projectAttr: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    },
+
+    /**
+     * @description 是否进行本地插件调试模式
+     */
+    noBorder: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data(){
+    return {
+      containerId: null, //容器ID
+
+      //#ifdef H5
+      active: false, //是否选择当前状态
+      isEditx: true, //当前为Editx模式
+      edit: false, //是否开启编辑模式
+      // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: '',
+      mainGradient: '',
+      subGradient: '',
+    }
+  },
+
+  destroyed() {
+    console.warn('componentsMixins.destroyed.my(timeer|timer)');
+    if (this.timeer && typeof this.timeer === "number") {
+      clearTimeout(this.timeer);
+      console.warn('componentsMixins.destroyed.my.timeer');
+    }
+    if (this.timer && typeof this.timer === "number") {
+      clearTimeout(this.timer);
+      console.warn('componentsMixins.destroyed.my.timer');
+    }
+
+    //卸载页面
+    if(typeof this.onJfbUnload === "function") {
+      console.warn('componentsMixins.destroyed.exec.onJfbUnload');
+      this.onJfbUnload()
+    }
+
+  },
+
+  created(){
+    let tag = '';
+    if (this.$vnode && this.$vnode.tag) tag = this.$vnode.tag
+    console.warn(`init.components._uid:${this._uid},vnode.name=${tag}`);
+
+    //设置插件cid
+    if (this.cid) {
+      this.containerId = this.cid;
+    } else {
+      this.containerId = this.$xdUniHelper.randomChar(20);
+    }
+
+    //保存到vuex
+    this.setStyleCommon(this);
+
+    //初始化风格
+    this.initThemesToData();
+
+
+    //#ifdef H5
+    //监听用户点击状态显示虚框
+    XdBus.addEvent('select', ({containerId}) => {
+      this.active = containerId === this.containerId;
+    });
+
+    //业务面板选中插件操作
+    XdBus.addEvent('onBoardSelect', ({containerId}) => {
+      if (containerId === this.containerId) {
+        this.handleEditxSelect()
+      }
+    });
+
+    //面板刷新页面功能
+    XdBus.addEvent('onUpdateView', (data) => {
+      if (data.container_id === this.containerId) {
+        if (typeof this['onJfbUpdate'] === 'function') {
+          this['onJfbUpdate'](data);
+        }
+      }
+    });
+
+    // #endif
+  },
+
+
+  //#ifdef H5
+  mounted() {
+    if (this.$configProject.isPreview && this.selfMask !== true) {
+      let that = this;
+      function handle() {
+        let className = `${that.cssRoot}__body-mask`;
+        if (document.getElementsByClassName(className).length === 0) {
+          let elx = document.getElementsByClassName(`${that.cssRoot}__body`);
+          if (elx.length === 0) {
+            setTimeout(() => {
+              handle()
+            }, 100)
+          } else {
+            const mask = document.createElement("div");
+            mask.className = 'jfb-mask';
+            mask.style.position = 'absolute';
+            mask.style.left = '0px';
+            mask.style.right = '0px';
+            mask.style.top = '0px';
+            mask.style.bottom = '0px';
+            mask.style.zIndex = 9999;
+            elx.item(0).appendChild(mask);
+          }
+        }
+      }
+      handle()
+    }
+  },
+  // #endif
+
+  computed:{
+    ...mapState({
+      storeXNamespace: state=> state.xnamespace
+    })
+  },
+
+  methods:{
+    ...mapActions(['setXNamespace','setStyleCommon']),
+
+    /**
+     * @description 检查是否同域名
+     * @param url
+     * @param dir {String} 部署目录
+     * @returns {*}
+     */
+    //#ifdef H5
+    getSameSiteAndDomain(url, dir) {
+      let regDir = new RegExp(`^/${dir}/\.*$`);
+      let host = window.location.host;
+      let pages = this.$xdUniHelper.parseURL(url);
+
+      //域名相同并且部署目录相同
+      if (host === pages.host && regDir.test(pages.path)) {
+        return pages.relative;
+      }
+      return url;
+    },
+    // #endif
+
+    setNameSpace(options){
+      //地址栏中获取参数
+      if (options['xnamespace']) this.xnamespace = options['xnamespace'];
+      //地址栏中获取特定参数
+      if (!this.xnamespace && options['x-common']) {
+        let decodeParams = Base64.decode(options['x-common']);
+        try {
+          let params = JSON.parse(decodeParams);
+          if (params.business_code) this.xnamespace = params.business_code;
+        } catch (e) {
+          this.$xdAlert({content: '配置业务参数无法解析'});
+        }
+      }
+      console.warn(`setNameSpace:${this.xnamespace}`);
+      if(!this.xnamespace && !this.$configProject.isPreview){
+        this.$xdAlert({content: '未设置业务编码',type:'error'});
+        throw new Error('请配置业务编码')
+      }
+
+      this.setXNamespace(this.xnamespace || this.projectAttr.business_code)
+
+    },
+
+    /**
+     * @description 自动计算列数的宽和间距 （父节点需要设置110%）
+     * @param index {number} 当前索引值
+     * @param cell {number} 当前索引值
+     * @param jfbSpacing {number}
+     * @returns {{marginRight: string, overflow: string, width: string, marginTop: string}}
+     */
+    itemStyle(index, cell, jfbSpacing ) {
+      if(this.$xdUniHelper.checkVarType(jfbSpacing) === 'string') jfbSpacing = Number(jfbSpacing);
+      let maxW = 100 / cell;
+      let padding = Math.floor(this.$rpxNum * jfbSpacing + this.$rpxNum * (jfbSpacing / cell))
+      return {
+        marginTop: jfbSpacing + 'rpx',
+        marginRight: (index + 1) % cell === 0 ? '0' : jfbSpacing + 'rpx',
+        width: `calc(${maxW}vw - ${padding}px)`,
+        overflow: 'hidden'
+      };
+    },
+
+    /**
+     * @description 获取吸顶样式
+     * @param options {Object} 样式参数
+     * @param options.top
+     * @param options.left
+     * @param options.bottom
+     * @param options.right
+     * @param options.paddingBottom   距离底部距离（paddingBottom和height选其一即可）
+     * @param options.height 距离底部距离（paddingBottom和height选其一即可）
+     * @param options.zIndex
+     * @param type {String} 吸顶类型 其值：bottom/top
+     * @param fixed {Boolean} 是否吸顶或者占位
+     * @return {String}
+     */
+    fixedStyle(options = {}, type = 'bottom', fixed = true) {
+      let paddingBottom = options.paddingBottom || options.height || 0;
+      if (options.paddingBottom) delete options.paddingBottom;
+      if (options.height) delete options.height;
+      let obj = Object.assign({}, {
+        top: 0, left: 0, right: 0, bottom: 0, zIndex: 100,
+      }, options);
+      if (!fixed) {
+        let padding = (this.layoutInfo.bottomHeight + this.layoutInfo.footerHeight + paddingBottom) * this.$rpxNum;
+        let sy = `padding-bottom:calc(${padding}px + constant(safe-area-inset-bottom));`;
+        sy = `${style}; padding-bottom:calc(${padding}px + env(safe-area-inset-bottom));`;
+        return sy;
+      }
+
+      let style = 'position: fixed';
+      style = `${style};left:${obj.left}rpx`;
+      style = `${style};right:${obj.right}rpx`;
+      style = `${style};z-index:${obj.zIndex}`;
+      if (type === 'bottom') {
+        let padding = (this.layoutInfo.bottomHeight + this.layoutInfo.footerHeight + paddingBottom) * this.$rpxNum;
+        style = `${style}; padding-bottom:calc(${padding}px + constant(safe-area-inset-bottom));`;
+        style = `${style}; padding-bottom:calc(${padding}px + env(safe-area-inset-bottom));`;
+        style = `${style};bottom:0;`;
+      }
+      if (type === 'top') {
+        style = `${style};top:${obj.top}rpx`;
+      }
+      return style;
+    },
+
+
+    /**
+     * 检查插件是否加载成功
+     */
+    onCheck() {},
+
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined) this[k] = this.styles[key];
+      });
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes() {
+      return this.styles;
+    },
+
+    //#ifdef H5
+    /**
+     * @description 点击删除操作按钮
+     */
+    delEdit() {
+      XdBus.send('onDelPackage', {
+        containerId: this.containerId,
+        componentAtrr: this.componentAtrr,
+        cid: this.cid,
+        container: this.container
+      })
+    },
+    //#endif
+
+    /**
+     * @description 点击选择插件显示边框
+     */
+    handleEditxSelect() {
+      //加载本地业务插件库
+      if (this.noBorder) return;
+
+      //#ifdef H5
+      if (this.active) return;
+      this.active = true;
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.$xdUniHelper.customClone(this.Attr) : {style: [], advanced: [], content: []};
+
+      //设置已绑定数据
+      Object.keys(AttrObj).map(type => {
+        //配置的是方法
+        if (type === 'style' || type === 'advanced' || type === 'content') {
+          if (typeof AttrObj[type] === "function") {
+            let params = getContainerFnPropsValue(this.container, `${type}`);
+            let Attr = this.$xdUniHelper.customClone(this.Attr);
+            AttrObj[type] = Attr[type](params);
+            AttrObj[`${type}.isFn`] = true;
+            AttrObj[`${type}.Fn`] = Attr[type];
+          } else {
+            AttrObj[type].map(item => {
+              if (item.value !== undefined) item.value = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+              if (item.defaultValue !== undefined) item.defaultValue = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+            });
+            AttrObj[`${type}.isFn`] = false;
+          }
+        }
+      });
+
+      //发送点击组件事件
+      XdBus.send('onSelectPackage', {
+        containerId: this.containerId,
+        Attr: this.$xdUniHelper.customClone(AttrObj),
+        container: this.$xdUniHelper.cloneDeep(this.container)
+      });
+
+      //绑定选中插件事件
+      XdBus.message('select', {
+        containerId: this.containerId,
+      })
+      //#endif
+    },
+  }
+}
+

package/src/mixins/extsMixins.js

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

package/src/mixins/locationMixins.js

@@ -0,0 +1,35 @@
+'use strict';
+import {mapActions} from 'vuex';
+
+export default {
+  data() {
+    return {
+      locationStatus: false
+    }
+  },
+
+  methods: {
+    ...mapActions(['getAllCityList']),
+    ...mapActions('wxAuthorize', [
+      'getLoadingCityInfoByLocationLv4'
+    ]),
+
+    //==开启定位============
+    async getCityInfoByLocation(options, cb) {
+      try {
+        let locationInfo = await this.getLoadingCityInfoByLocationLv4(options);
+        this.$xdLog.setProject('location.getCity.success', locationInfo);
+        cb(locationInfo);
+      } catch (e) {
+        this.$xdLog.setARMSCustomError('get_city_info_by_location_loading', this.$runtime.getErrorInfo(e));
+        this.$xdLog.setProject('location.getCity.fail', {data: this.$settings.defaultCity});
+        cb({data: this.$settings.defaultCity})
+      }
+    },
+
+    handleLocationDone(info) {
+      this.$xdLog.setProject('location.done', info);
+      this.locationStatus = true;
+    },
+  }
+}