jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseImageBlock/JfbBaseImageBlock.vue

@@ -0,0 +1,126 @@
+<template>
+  <view
+    class="jfb-base-image-block"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-image-block__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-image-block__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-image-block__body">
+      <view class="image" :style="[bodyStyle]">
+        <image :src="backgroundImageComp" alt="bgImage"></image>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseImageBlockMixin from "./JfbBaseImageBlockMixin";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  import getServiceUrl from "@/common/getServiceUrl";
+  export default {
+    name: "JfbBaseImageBlock",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseImageBlockMixin
+    ],
+    computed:{
+      marginComp(){
+        let str = `${this.checkValue(this.margin.top, 0)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.right, 0)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.bottom, 0)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.left,0)}rpx`;
+        return str;
+      },
+
+      backgroundImageComp(){
+        if(this.$xdUniHelper.checkVarType(this.backgroundImage) === 'object') {
+          if(this.backgroundImage.url) return getServiceUrl(this.backgroundImage.url,'size8')
+          else return ''
+        }
+        return '';
+      },
+
+      bodyStyle(){
+        let outWidth = uni.getSystemInfoSync().safeArea.width * this.$pxNum;
+        let outMarginRL = this.checkValue(this.margin.right, 0) + this.checkValue(this.margin.left, 0);
+        let bgColor = 'rgba(0,0,0,0)';
+        if(this.backgroundImageComp === '') bgColor = '#f8f8f8'
+        return {
+          margin: this.marginComp,
+          width: (outWidth - outMarginRL) +'rpx',
+          height: this.height * (outWidth - outMarginRL)/this.width + 'rpx',
+          backgroundColor: bgColor
+        }
+      }
+    },
+    data() {
+      return {
+        closeMask: true,
+        height: 562.5,
+        width: 750,
+        margin:{},
+        backgroundImage:{},
+      }
+    },
+    watch: {
+      container(value, oldValue) {
+        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
+        if (this.$configProject['isPreview']) this.init(value)
+      },
+    },
+    created() {
+      this.init(this.container);
+    },
+    methods: {
+      onJfbLoad(options) {
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.height = Number(getContainerPropsValue(container, 'content.height', 562.5));
+        this.width = Number(getContainerPropsValue(container, 'content.width', 750));
+        this.margin = getContainerPropsValue(container, 'content.margin', {});
+        this.backgroundImage = getContainerPropsValue(container, 'content.backgroundImage', {})
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbBaseImageBlockLess.less";
+
+  .jfb-base-image-block {
+    min-height: 20rpx!important;
+    &__body{
+      //#ifdef MP-WEIXIN
+      display: inline-block;
+      width: 100%;
+      //#endif
+
+      .image{
+        position: relative;
+        & >  image {
+          height: 100%;
+          width: 100%;
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseImageBlock/JfbBaseImageBlockLess.less

@@ -0,0 +1,79 @@
+/**
+* @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-base-image-block {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    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-base-image-block {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbBaseImageBlock/JfbBaseImageBlockMixin.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-base-image-block'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseLogin/Api.js

@@ -11,7 +11,6 @@
  * @type {*[]}
  */
 module.exports = [
-
   {
     mapFnName: 'listSiteProvider',
     title: '获得支持的登录方式',
@@ -24,6 +23,18 @@ module.exports = [
       phone_number_collect_url: ['收集手机号地址', 'String', '是'],
     }
   },
+  {
+    mapFnName: 'userBaseLoginIcb',
+    title: '工行e生活登录',
+    path: '/passport/v1/user/login-icbc',
+    isRule: false,
+    data: {
+      encrypted_params: ['用户登录信息', 'String', '必选'],
+      provider_id: ['登录方式id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
   {
     mapFnName: 'phoneLogin',
     title: "手机号登录",
@@ -71,6 +82,7 @@ module.exports = [
     isRule: false,
     data: {
       phone_number: ['手机号', 'String', '必选'],
+      biz_name: ['业务名称', 'String', '必选']
     },
     isConsole: true,
     disabled: true,
@@ -122,14 +134,22 @@ module.exports = [
     disabled: true,
   },
   {
-    mapFnName: "sendMsg",
-    title: "发送手机验证码",
-    path: "/common/v1/valid_code/sms/send",
+    mapFnName: 'loginThirdLogin',
+    title: '通过第三方授权code获得用户登录信息',
+    path: '/passport/v1/user/pre-login-third-authcode',
     isRule: false,
-    data: {
-      phone_number: ['手机号', 'Number', '必填']
-    },
-    isConsole: true,
-    disabled: true
-  }
+    params: {
+      third_auth_code: ['第三方code', 'String', '必选'],
+      provider_id: ['登录提供者id', 'String', '必选']
+    }
+  },
+  {
+    mapFnName: 'loginExperience',
+    title: '体验码登录',
+    path: '/passport-pb/v1/user/login-experience',
+    isRule: false,
+    params: {
+      experience_code: ['体验码code', 'String', '必选'],
+    }
+  },
 ];