jufubao-third 1.0.0-beta1

package/src/common/authorize.js

@@ -0,0 +1,261 @@
+'use strict';
+
+//#ifdef H5
+import cookie from "@/common/cookie";
+//#endif
+import storage from "@/common/storage";
+const settings = require('./../../settings');
+import Vue from 'vue';
+let __jfbAuthorize = null;
+import store from "@/store";
+
+class JfbAuthorize {
+  /**
+   * @description 构造函数
+   * @param options {Object}
+   * @param options.siteId  {String} 网站ID 【必填】
+   * @param options.xSite  {String} 网站XID 【必填】
+   * @param options.cardPath {String} 购物登录地址 【选填】
+   * @param options.LoginPath  {String} 用户登录地址 【选填】
+   */
+  constructor(options){
+    this.siteId = options.siteId;
+    this.xSite = options.xSite;
+    this.cardPath = options.cardPath;
+    this.LoginPath = options.LoginPath;
+
+    this.config = Object.assign({},{
+      'user': 'JFB-CSRF-TOKEN-{siteID}',
+      'card': 'JFB-CARD-TOKEN-{siteID}',
+      'refresh': 'JFB-REFRESH-TOKEN-{siteID}',
+      'access': 'JFB-ACCESS-TOKEN',
+    }, settings.token? settings.token: {});
+  }
+
+
+
+  /**
+   * @description 获取token键值
+   * @param key {String} {String} 设置cookie/storage键值，其值：card|user|refresh|access， 默认：user，【选填】
+   * @returns {string|*}
+   */
+  getTokenKeyword(key){
+    if (!this.config[key]) key = 'user';
+    if(key === 'access') return this.config.access;
+    else{
+      return `${this.config[key].replace("{siteID}", this.siteId)}`;
+    }
+  }
+
+  /**
+   * @description 获取request中token键值
+   * @param key {String} {String} 设置cookie/storage键值，其值：card|user|refresh|access， 默认：user，【选填】
+   * @returns {string|*}
+   */
+  getRequestTokenKey(key) {
+    if (!this.config[key]) key = 'user';
+    if (key === 'access') return this.config.access;
+    else {
+      return `${this.config[key].replace("-{siteID}", '')}`;
+    }
+  }
+
+  /**
+   * @description 设置token
+   * @param key {String} 设置cookie/storage键值，其值：card|user|refresh|access， 默认：user，【选填】
+   * @param value {*} 设置cookie/storage的值 【必填】
+   * @param options {Object} 可选项，{expires: 1, domain: ''},  【选填】
+   * @param options.expires {Number} 过期时间单位：小时
+   * @param options.domain {String} 生效域名
+   */
+  setToken(key, value, options = {}) {
+    key = this.getTokenKeyword(key);
+    //#ifdef H5
+    cookie.set(key, value, options);
+    //#endif
+    storage.set(key, value, options.expires ? options.expires : 0)
+  }
+
+  /**
+   * @description 删除操作token
+   * @param key {String} 设置cookie/storage键值，其值：card|user|refresh|access， 默认：user
+   * @param options {Object} 可选项，{expires: 1, domain: ''}, 过期时间单位：小时
+   */
+  removeToken(key, options = {}) {
+    key = this.getTokenKeyword(key);
+    //#ifdef H5
+    cookie.remove(key, options);
+    console.warn(`cookie.key=${key}`);
+    //#endif
+    console.warn(`storage.key=${key}`);
+    storage.remove(key);
+  }
+
+  /**
+   * @description 获取token信息
+   * @param key {String} 设置cookie/storage键值，其值：card|user|refresh|access， 默认：user
+   * @param options {Object} 可选项，{expires: 1, domain: ''},  【选填】
+   * @param options.expires {Number} 过期时间单位：小时
+   * @param options.domain {String} 生效域名
+   * @return {null|String}
+   */
+  getToken(key, options = {}) {
+    let tokenKey = this.getTokenKeyword(key);
+    let token = null;
+    if (storage.get(tokenKey)) token = storage.get(tokenKey);
+    //#ifdef H5
+    if (cookie.get(tokenKey, options)) token = cookie.get(tokenKey, options)
+    //#endif
+    return token
+  }
+
+  /**
+   * @description h5中获取base
+   * @param $vm {Vue}
+   */
+  getBasePath($vm){
+    let base = '';
+    //#ifdef H5
+    base =  $vm.$router.history.base;
+    //#endif
+    return base;
+  }
+
+  /**
+   * @description 跳转到卡登陆页面
+   * @param $vm {Vue}
+   */
+  jumpToCardLogin($vm){
+    let redirect_url = '';
+    if (store.state.configProject.platform === 'mp.weixin') {
+      redirect_url = $vm['$xdUniHelper'].parseURL().source;
+    }
+    if (store.state.configProject.platform === 'h5') {
+      redirect_url = $vm.$route.fullPath;
+    }
+    $vm['$xdUniHelper'].redirectTo({
+      url: this.cardPath + `?inCallback=${encodeURIComponent(redirect_url)}`,
+    });
+  }
+
+  /**
+   * @description 跳转到用户登陆页面
+   * @param $vm {Vue}
+   */
+  jumpToUserLogin($vm) {
+    let redirect_url = '';
+    if(store.state.configProject.platform === 'mp.weixin') {
+      redirect_url = $vm['$xdUniHelper'].parseURL().source;
+    }
+    if (store.state.configProject.platform === 'h5') {
+      redirect_url = $vm.$route.fullPath;
+    }
+    $vm['$xdUniHelper'].redirectTo({
+      url: this.LoginPath + `?redirect_url=${encodeURIComponent(redirect_url)}`,
+    });
+  }
+
+  /**
+   * @description 用户是否已登录卡信息
+   * @param canCard {Boolean} 检查是否用登录购物车信息 默认：false
+   * @param $vm {Vue}
+   * @param isAutoJump {Boolean} 是否自己跳转 默认值：true
+   * @return {boolean} true 已登陆或者免登 false 未登陆
+   */
+  checkCardLogin(canCard = false, $vm, isAutoJump=true){
+    if(!canCard) return true;
+    if (!this.getToken('card')) {
+      if(isAutoJump) {
+        this.jumpToCardLogin($vm);
+      }
+      return false;
+    }
+    return true;
+  }
+
+  /**
+   * @description 用户已登录信息
+   * @param canSign {Boolean} 检查是否用登录信息 默认：false
+   * @param $vm {Vue}
+   * @param isAutoJump {Boolean} 是否自己跳转 默认值：true
+   * @return {Promise} true: 已登陆或者未启用，false：未登陆或刷新token已过期获取（从新交换token）
+   */
+  checkUserLogin(canSign, $vm, isAutoJump=true) {
+    return new Promise((resolve, reject)=>{
+      //免登陆操作
+      if (!canSign) resolve(true);
+
+      //用户登陆判断
+      let userToken = this.getToken('user');
+      //用户刷新token
+      let refreshToken = this.getToken('refresh');
+
+      //用户未登陆
+      if(!userToken && !refreshToken) {
+        if (isAutoJump) {
+          this.jumpToUserLogin($vm);
+        }
+        resolve(false);
+        return
+      }
+
+      //去刷新token
+      if (!userToken) store.dispatch('userRefreshToken')
+        .then(res => {
+          resolve(true);
+        })
+        .catch(error=>{
+          if (isAutoJump) {
+            this.jumpToUserLogin($vm);
+          }
+          resolve(false);
+        });
+      else{
+        resolve(true);
+      }
+    });
+  }
+
+  /**
+   * @description 客户端设置所有token
+   * @param result
+   * @param cb {Function|null}
+   */
+  setAllToken(result,cb = null){
+    //#ifdef MP-WEIXIN
+    this.setToken('user', result['csrf_token'], {expires: result['csrf_token_expire_in']/60/60});
+    this.setToken('access', result['access_token'], {expires: result['access_token_expire_in'] / 60 / 60})
+    this.setToken('refresh', result['refresh_token'], {expires: result['refresh_token_expire_in'] / 60 / 60})
+    if(typeof cb === 'function') cb();
+    //#endif
+  }
+
+  /**
+   * @description 客户端删除所有token
+   * @param cb {Function|null}
+   */
+  removeAllToken(cb=null){
+    //#ifdef MP-WEIXIN
+    this.removeToken('user');
+    this.removeToken('access');
+    this.removeToken('refresh');
+    if (store.state.jfbAuthorize !== null) {
+      store.state.jfbAuthorize.setAllToken(res)
+    }
+    //#endif
+  }
+}
+
+/**
+ * @description 单利初始化用户授权函数
+ * @param options {Object}
+ * @param options.siteId  {String} 网站ID 【必填】
+ * @param options.cardPath {String} 购物登录地址 【选填】
+ * @param options.LoginPath  {String} 用户登录地址 【选填】
+ */
+export default function (options) {
+  if(__jfbAuthorize !== null) return __jfbAuthorize;
+  return __jfbAuthorize = new JfbAuthorize(options);
+}
+
+

package/src/common/getBusinessImageUrl.js

@@ -0,0 +1,39 @@
+'use strict';
+
+/**
+ * @description 字符串转数字
+ * @param str  {String} 字符串
+ * @returns {number} 返回数字
+ */
+function stringToNumber(str) {
+  let result = 0;
+  let len = str.length;
+  for (let i = 0; i < len; i++) {
+    result = result + str.charCodeAt(i) + i;
+  }
+  return result;
+}
+
+
+/**
+ * @description 全局获取图片全路径方法
+ * @param path
+ * @param size {String} 压缩比例，支持值：size1 - size8
+ * @returns {String}
+ */
+function getBusinessImageUrl(path, size = 'size8') {
+  if (Object.prototype.toString.call(path)!== '[object String]' || path === '') {
+    console.error('传入的路径（path）非字符串类型，请确认路径是否正确');
+    //throw new Error('传入的路径（path）非字符串类型，请确认路径是否正确');
+  }
+
+  let reg = /^(http:\/\/|https:\/\/|\/\/)+.+$/;
+  if (reg.test(path)) return path;
+
+  let index = stringToNumber(path) % 6;
+  let doMain = '//sandbox-img@index@.jufubao.cn/'.replace('@index@', index === 0 ? '': index);
+  let src = 'business/';
+  return `${doMain}${src}${path}?x-oss-process=style/${size}`;
+}
+
+export default getBusinessImageUrl;

package/src/common/getServiceUrl.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/**
+ * @description 字符串转数字
+ * @param str  {String} 字符串
+ * @returns {number} 返回数字
+ */
+function stringToNumber(str) {
+  let result = 0;
+  let len = str.length;
+  for (let i = 0; i < len; i++) {
+    result = result + str.charCodeAt(i) + i;
+  }
+  return result;
+}
+
+
+/**
+ * @description 全局获取图片全路径方法
+ * @param path
+ * @param size {String} 压缩比例，支持值：size1 - size8
+ * @returns {String}
+ */
+function getServiceUrl(path, size = 'size8') {
+  if (Object.prototype.toString.call(path) !== '[object String]' || path === '') {
+    console.error('传入的路径（path）非字符串类型，请确认路径是否正确');
+    throw new Error('传入的路径（path）非字符串类型，请确认路径是否正确');
+  }
+
+  let reg = /^(http:\/\/|https:\/\/|\/\/)+.+$/;
+  if (reg.test(path)) return path;
+
+  let index = stringToNumber(path) % 6;
+  let doMain = '//sandbox-img@index@.jufubao.cn/'.replace('@index@', index === 0 ? '' : index);
+  return `${doMain}${path}?x-oss-process=style/${size}`;
+}
+
+export default getServiceUrl;

package/src/common/paysdk/jweixin.js

@@ -0,0 +1,98 @@
+'use strict';
+
+import jwxSDK from "jweixin-module"
+import {envTypeReg} from "@/common/host";
+
+class InitWxAuthorize {
+	constructor(setting = {} , jsApiList){
+		this.setting  = setting;
+		this.jsApiList = jsApiList;
+
+	}
+
+	/**
+	 * @description  初始化微信
+	 */
+	init(){
+
+	  return new Promise((resolve, reject)=>{
+      if (jwxSDK && jwxSDK.config) {
+        jwxSDK.config({
+          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+          appId: this.setting.appId, // 必填，公众号的唯一标识
+          timestamp: this.setting.timestamp, // 必填，生成签名的时间戳
+          nonceStr: this.setting.nonceStr, // 必填，生成签名的随机串
+          signature: this.setting.signature,// 必填，签名
+          jsApiList: this.jsApiList // 必填，需要使用的JS接口列表
+        });
+
+        /**本地调试跳过微信授权检查**/
+        if (envTypeReg.test(window.location.host)) {
+          console.log('本地调试跳过微信授权检查！');
+          resolve({
+            jwxSDK,
+            status: 'jwxSDK.dev'
+          });
+        }
+
+        /**检测是否完成**/
+        jwxSDK.ready(() => {
+          resolve({
+            jwxSDK,
+            status: 'jwxSDK.ok'
+          });
+        });
+
+        //初始化失败事件
+        jwxSDK.error((error) => {
+          console.error(`初始化失败事件`);
+          console.error(error);
+          reject({
+            jwxSDK,
+            status: 'jwxSDK.invalid'
+          });
+        })
+      }
+      else {
+        //加载wxSDK失败
+        console.error('加载wxSDK失败');
+        reject({
+          jwxSDK,
+          status: 'jwxSDK.loading.fail'
+        });
+      }
+    })
+
+	}
+}
+
+
+/**
+ * @description jwxSDK 实例
+ * @type {InitWxAuthorize}
+ */
+let jwxSDKObj = null;
+
+//参考地址： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#0
+
+/**
+ * @description 初始化微信接口能力
+ * @param setting {Object|null} //后台返回的微信公众号信息
+ * @param jsApiList { Object }  jwx可用接口列表
+ * @returns {{}|Promise}
+ */
+export function initWx (setting = null , jsApiList) {
+	if(setting === null) {
+		return new Promise((reject)=>{
+      reject({
+        jwxSDK,
+        status: 'jwxSDK.config.error'
+      });
+    });
+	}
+  if (!jwxSDKObj) {
+    jwxSDKObj = new InitWxAuthorize(setting, jsApiList).init();
+    return jwxSDKObj;
+  }
+  return jwxSDKObj;
+}

package/src/components/JfbThirdBlock/Attr.js

@@ -0,0 +1,54 @@
+'use strict';
+
+export default {
+  style: [],
+  advanced: [],
+  content: [
+    {
+      label: '背景颜色:', //label
+      ele: 'xd-color', //package 名称
+      valueKey: 'bgcolor', //form[valueKey]
+      value: '', //v-model
+      placeholder: '请输入占位框背景颜色',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框背景颜色',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '选中路径:', //label
+      ele: 'xd-select-pages-path', //package 名称
+      valueKey: 'select-pages-path', //form[valueKey]
+      value: null,
+      setting: {
+        router: XdBus.getParentData('getPagesTree')
+      },
+      inline: false,
+    },
+    {
+      label: '高度:', //label
+      ele: 'el-input', //package 名称
+      type: 'number',
+      valueKey: 'height', //form[valueKey]
+      value: null, //v-model
+      placeholder: '请输入占位框高度，单位像素，默认：10px',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框高度',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '', //label
+      ele: 'slot', //package 名称
+      slot: 'is_reference',
+    },
+  ],
+};

package/src/components/JfbThirdBlock/JfbThirdBlock.vue

@@ -0,0 +1,80 @@
+<template>
+  <view
+    class="jfb-third-block"
+    @click="handleEditxSelect"
+    :class="{
+      editx : isEditx && active,
+      noBorder: noBorder
+    }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-third-block__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active && !noBorder"
+    >
+      <view class="jfb-third-block__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-third-block__body">
+      <view :style="{height: height * 2 + 'rpx', background: bgcolor}"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbThirdBlockMixin from "./JfbThirdBlockMixin";
+  import {getContainerPropsValue} from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  
+  export default {
+    name: "JfbThirdBlock",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins,
+      JfbThirdBlockMixin,
+    ],
+    data() {
+      return {
+        height: 10,
+        bgcolor: '#fff'
+      }
+    },
+    watch: {
+      container(value) {
+        this.init(value)
+      }
+    },
+    created() {
+      this.init(this.container);
+    },
+    methods: {
+      init(value) {
+        let bgcolor = getContainerPropsValue(value, 'content.bgcolor');
+        let height = getContainerPropsValue(value, 'content.height');
+        if (bgcolor) this.bgcolor = bgcolor;
+        if (height) this.height = height;
+      },
+      onJfbLoad(options) {
+      
+      },
+    }
+  }
+  
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbThirdBlockLess.less";
+
+  .jfb-third-block {
+
+    &__body{
+
+    }
+  }
+</style>

package/src/components/JfbThirdBlock/JfbThirdBlockLess.less

@@ -0,0 +1,78 @@
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+@basePath: 'business/';
+@doMain: '//sandbox-img.jufubao.cn/';
+
+.getBusinessImageUrl(@path, @size: 'size8') {
+  @url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
+  background-image: url(@url);
+}
+
+//start
+.jfb-third-block {
+  box-sizing: border-box;
+  min-height: unit(100, rpx);
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&:hover {
+    position: relative;
+    z-index: 3;
+    &::after{
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: 4;
+      cursor: pointer;
+    }
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(-52, rpx);
+    height: unit(50, rpx);
+    line-height: unit(50, rpx);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .6);
+    border-radius: unit(10, rpx);
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-third-block {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbThirdBlock/JfbThirdBlockMixin.js

@@ -0,0 +1,30 @@
+'use strict';
+
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+
+export default {
+  data() {
+    return {
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      // #endif
+      cssRoot: 'jfb-third-block'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/config.app.plus.js

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

package/src/config.h5.js

@@ -0,0 +1,13 @@
+'use strict';
+
+export default {
+  "type": "test",
+  "NODE_ENV": "development",
+  "UNI_PLATFORM": "h5",
+  "platform": "h5",
+  "viewType": "preview",
+  "isPreview": true,
+  "server": "server",
+  "copypack": "server",
+  "fileDir": "resource"
+}