jufubao-base 1.0.184-beta2 → 1.0.184

package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue

@@ -18,9 +18,10 @@
       <view
         class="jfb-base-user-info__body-header"
         :style="{
-          margin: marginComp,
-          background : backgroundColor,
-          padding: paddingComp,
+          margin: outMargin,
+          background:backgroundColor,
+          color: color,
+          padding: outPadding,
           boxShadow: shadow,
           borderRadius: radius + 'rpx',
           border: borderBox
@@ -33,26 +34,26 @@
         >
           <template v-if="logined">
             <image v-if="userInfo['head_url']" :src="userInfo['head_url']"></image>
-            <view class="no-image" :style="{borderColor: imageColor, borderRadius:imageRadius}" v-else>
-              <xd-font-icon :color="imageColor" icon="iconwode_mian" size="100"></xd-font-icon>
+            <view class="no-image" :style="{borderColor: color}" v-else>
+              <xd-font-icon :color="color" icon="iconwode_mian" size="100"></xd-font-icon>
             </view>
           </template>
-          <view v-else class="no-image" :style="{borderColor: imageColor, borderRadius:imageRadius}">
-            <xd-font-icon :color="imageColor" icon="iconwode_mian" size="90"></xd-font-icon>
+          <view v-else class="no-image" :style="{borderColor: color}">
+            <xd-font-icon :color="color" icon="iconwode_mian" size="90"></xd-font-icon>
           </view>
-          <view v-if="logined && textType ==='N'" :style="[nickNameStyle]">{{userInfo|getName}}</view>
-          <view class="vertical-user" v-if="logined && textType ==='Y'">
-            <view :style="[nickNameStyle]">{{userInfo|getName}}</view>
+          <view v-if="logined && textType ==='N'" :style="{color:color}">{{userInfo|getName}}</view>
+          <view class="vertical-user" v-if="logined && textType ==='Y'" :style="{color:color}">
+            <view>{{userInfo|getName}}</view>
             <view class="logout" @click="handleLogout()">
-              <view :style="[logoutStyleComp]">{{logoutName}}</view>
+              <view :style="{color:color}">[退出登录]</view>
             </view>
-            <view @click="handleToLink()" v-if="isSetting === 'Y'">
-              <xd-font-icon size="26" icon="iconshezhi_mian"></xd-font-icon>
+            <view @click="handleToLink()" v-if="0">
+              <xd-font-icon :color="color" size="40" icon="iconshezhi_mian"></xd-font-icon>
             </view>
           </view>
         </view>
         <view @click="handleLogout()" v-if="logined && textType ==='N'" class="logout">
-          <view :style="[logoutStyleComp]">{{logoutName}}</view>
+          <view :style="{color:color}">[退出登录]</view>
         </view>
       </view>
     </view>
@@ -78,14 +79,14 @@
     computed: {
       ...mapState(['jfbAuthorize']),
 
-      marginComp() {
+      outMargin() {
         let str = `${this.checkValue(this.margin.top, 20)}rpx`;
         str = `${str} ${this.checkValue(this.margin.right, 20)}rpx`;
         str = `${str} ${this.checkValue(this.margin.bottom, 20)}rpx`;
         str = `${str} ${this.checkValue(this.margin.left, 20)}rpx`;
         return str
       },
-      paddingComp() {
+      outPadding() {
         let str = `${this.checkValue(this.padding.top, 20)}rpx`;
         str = `${str} ${this.checkValue(this.padding.right, 20)}rpx`;
         str = `${str} ${this.checkValue(this.padding.bottom, 20)}rpx`;
@@ -97,22 +98,8 @@
         else return '0 0 0 rgba(0,0,0,0)';
       },
       borderBox(){
-        if (this.is_border === 'Y') return `${this.is_border_w}rpx ${this.is_border_s} ${this.is_border_c}`;
+        if (this.is_border === 'Y') return `${this.is_border_w}rpx solid ${this.is_border_c}`;
         else return '0';
-      },
-      nickNameStyle(){
-        return {
-          fontSize: this.nickStyle.fontSize || '32rpx',
-          color: `${this.nickStyle.color || '#333'}`,
-          fontWeight: `${this.nickStyle.fontWeight || 'normal'}`,
-        }
-      },
-      logoutStyleComp(){
-        return {
-          fontSize: this.logoutStyle.fontSize || '20rpx',
-          color: `${this.logoutStyle.color || '#333'}`,
-          fontWeight: `${this.logoutStyle.fontWeight || 'normal'}`,
-        }
       }
     },
     filters:{
@@ -124,32 +111,39 @@
       return {
         logined: false,
         userInfo: null,
-        isSetting:'N',
-        logoutName:'[退出登录]',
-        imageRadius:'50%',
+        address_url: '',
 
         //基础
-        imageColor: '#333',
+        color: '#333',
         backgroundColor: 'rgba(0,0,0,0)',
         textType: 'N', //默认水平
         radius: 0,
 
         //投影
-        is_shadow: 'N',
+        is_shadow: 'Y',
         is_shadow_bg: 0,
         is_shadow_w: 0,
 
+
         //边框
-        is_border: 'N',
+        is_border: 'Y',
         is_border_w: 0,
         is_border_c: '',
-        is_border_s:'solid',
 
         //其他
-        margin: {},
-        padding: {},
-        nickStyle:{},
-        logoutStyle:{},
+        margin: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        padding: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+
       }
     },
     watch: {
@@ -222,44 +216,21 @@
        * @param container {object} 业务组件对象自己
        */
       init(container) {
-        this.margin = getContainerPropsValue(container, 'content.margin', {});
-        this.padding = getContainerPropsValue(container, 'content.padding', {});
+        this.margin = getContainerPropsValue(container, 'content.margin', {top: 20, left: 20, right: 20, bottom: 20});
+        this.padding = getContainerPropsValue(container, 'content.padding', {top: 20, left: 20, right: 20, bottom: 20});
+        this.address_url = getContainerPropsValue(container, 'content.address_url', {value: ''});
+        this.color = getContainerPropsValue(container, 'content.textColor', '#333');
         this.backgroundColor = getContainerPropsValue(container, 'content.backgroundColor', '#f8f8f8');
         this.textType = getContainerPropsValue(container, 'content.text_type', 'N');
-        this.radius = getContainerPropsValue(container, 'content.radius', '10');
-        this.isSetting = getContainerPropsValue(container, 'content.isSetting', 'N');
-        this.logoutName = getContainerPropsValue(container, 'content.logoutName', '[退出登录]');
-        this.imageRadius = getContainerPropsValue(container, 'content.imageRadius', '50%');
-        this.imageColor = getContainerPropsValue(container, 'content.imageColor', '#333');
 
-        //Shadow
-        this.contShadow = getContainerPropsValue(container, 'content.contShadow', {})
         this.is_shadow = getContainerPropsValue(container, 'content.is_shadow', 'N');
         this.is_shadow_bg = getContainerPropsValue(container, 'content.is_shadow_bg', '#fff');
         this.is_shadow_w = getContainerPropsValue(container, 'content.is_shadow_w', '10');
-        if(this.contShadow.type === 'Y') {
-          this.is_shadow = 'Y';
-          if(this.contShadow.value && this.contShadow.value.width) this.is_shadow_w = this.contShadow.value.width;
-          if(this.contShadow.value && this.contShadow.value.color) this.is_shadow_bg = this.contShadow.value.color;
-        }
 
-        //边框
-        this.contBorder = getContainerPropsValue(container, 'content.contBorder', {});
         this.is_border = getContainerPropsValue(container, 'content.is_border', 'N');
         this.is_border_c = getContainerPropsValue(container, 'content.is_border_c', '#fff');
         this.is_border_w = getContainerPropsValue(container, 'content.is_border_w', 0);
-        this.is_border_s = 'solid';
-        if(this.contBorder.type === 'Y') {
-          this.is_border = 'Y';
-          if(this.contBorder.value && this.contBorder.value.width) this.is_border_w = this.contBorder.value.width;
-          if(this.contBorder.value && this.contBorder.value.color) this.is_border_c = this.contBorder.value.color;
-          if(this.contBorder.value && this.contBorder.value.style) this.is_border_s = this.contBorder.value.style;
-
-        }
-
-        this.nickStyle = getContainerPropsValue(container, 'content.nickStyle', {});
-        this.logoutStyle = getContainerPropsValue(container, 'content.logoutStyle', {});
-
+        this.radius = getContainerPropsValue(container, 'content.radius', '10');
       },
     }
   }
@@ -274,15 +245,7 @@
     justify-content: center;
     align-items: center;
     & > view:nth-child(2) {
-      margin-left: unit(15, rpx);
-    }
-    & > view:nth-child(3) {
-      width: 26rpx;
-      height: 26rpx;
-      margin-left: unit(15, rpx);
-      display: flex;
-      justify-content: center;
-      align-items: center;
+      margin-left: unit(10, rpx);
     }
   }
 
@@ -318,7 +281,8 @@
           & > image, .no-image {
             width: unit(140, rpx);
             height: unit(140, rpx);
-            margin-right: unit(30, rpx);;
+            margin-right: unit(30, rpx);
+            border-radius: 50%;
             display: flex;
             justify-content: center;
             align-items: center;

package/src/components/JfbBaseWallet/Attr.js

@@ -7,30 +7,6 @@ export default {
   style: [],
   content: (data) => {
     return [
-      {
-        label: '我的账户自定义名称:',
-        ele: 'el-input',
-        type: 'text',
-        valueKey: 'accountName',
-        groupKey:'content',
-        value: data['accountName'] || '',
-        placeholder: '请我的账户自定义名称',
-        className: 'input80',
-        rules: [
-          {
-            required: false,
-            validator: (rule, value, callback) => {
-              value = value.trim();
-              if(value.length === 0) return callback()
-              if (value.length < 2 || value.length > 6) callback('我的账户自定义名称长度为：2-6字符');
-              else callback()
-            },
-            trigger: 'blur'
-          }
-        ],
-        notice: '我的账户自定义名称设置，默认值：<span style="color:red">我的账户</span>，长度为：2-6字符',
-        inline: false,
-      },
       {
         label: '更改分类label(可排序):',
         ele: 'xd-set-sort-label',
@@ -57,26 +33,7 @@ export default {
             value: 'score',
             sort: 3
           },
-        ],
-        rules: [
-          {
-            required: false,
-            validator: (rule, value, callback) => {
-              let yes = [];
-              if(value.length === 0) return callback()
-              value.map(item=>{
-                if(item.newLabel && (item.newLabel.length < 2 || item.newLabel.length > 4)) {
-                  yes.push(item.label)
-                }
-              });
-              if (yes.length > 0) callback('分类名称长度为：2-4字符');
-              else callback()
-            },
-            trigger: 'blur'
-          }
-        ],
-        notice: '自定义分类名称长度为：2-4字符',
-        inline: false,
+        ]
       },
       {
         label: '是否展示票券入口:',
@@ -89,6 +46,7 @@ export default {
           { "label": "否", "value": 'N' },
         ]
       },
+
       {
         label: '是否展示元宝入口:',
         ele: 'xd-radio',
@@ -122,302 +80,6 @@ export default {
         },
         inline: false,
       },
-
-      //style
-      {
-        label: '行间距:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'rowSpacing',
-        groupKey:'style',
-        value: data.rowSpacing|| '',
-        placeholder: '请输入行间距',
-        className: 'input60',
-        inline: false,
-        notice: '设置间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">10</span>像素',
-      },
-      {
-        label: '列间距:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'style',
-        valueKey: 'columnSpacing',
-        value: data['columnSpacing'] || '',
-        notice: '列间距设置，单位：像素，默认值：<span style="color:red">20</span> px',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        ele: 'title',
-        label: '轮廓设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '外边距:',
-        ele: 'xd-margin-padding',
-        valueKey: 'bodyMargin',
-        groupKey:'style',
-        value: data['bodyMargin'] || null,
-        setting: {
-          type: 'margin',
-        },
-        placeholder: '请设置外边距',
-        inline: false,
-        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
-      },
-      {
-        label: '外填充:',
-        ele: 'xd-margin-padding',
-        valueKey: 'bodyPadding',
-        groupKey:'style',
-        value: data['bodyPadding'] || null,
-        setting: {
-          type: 'padding',
-        },
-        placeholder: '请设置外填充',
-        inline: false,
-        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'bodyBgColor',
-        groupKey:'style',
-        value: data['bodyBgColor'] || null,
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'bodyRadius',
-        groupKey:'style',
-        value: data['bodyRadius'],
-        placeholder: '请选择圆角设置',
-        multiple: false,
-        className: 'input80',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        ele: 'title',
-        label: '标题设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: "标题样式设置",
-        ele: "xd-text-and-bgc",
-        groupKey:'style',
-        valueKey: 'titleStyle',
-        value: data['titleStyle'] || null,
-        setting: {
-          fontSize: true,
-          color: true,
-          bgColor: false,
-          weight: true,
-          selected:false
-        },
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-              data.cb([])
-            });
-        },
-      },
-
-      {
-        ele: 'title',
-        label: '列表轮廓设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '填充:',
-        ele: 'xd-margin-padding',
-        valueKey: 'contPadding',
-        groupKey:'style',
-        value: data['contPadding'] || null,
-        setting: {
-          type: 'padding',
-        },
-        placeholder: '请设置外填充',
-        inline: false,
-        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'contBgColor',
-        groupKey:'style',
-        value: data['contBgColor'] || null,
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'contRadius',
-        groupKey:'style',
-        value: data['contRadius'],
-        placeholder: '请选择圆角设置',
-        multiple: false,
-        className: 'input80',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        label: '投影设置:',
-        ele: 'xd-shadow',
-        groupKey:'style',
-        valueKey: 'contShadow',
-        value: data['contShadow'] || '',
-        setting: {
-          selected: 'N'
-        },
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-              data.cb([])
-            });
-        },
-      },
-      {
-        label: '边框设置:',
-        ele: 'xd-border',
-        groupKey:'style',
-        valueKey: 'contBorder',
-        value: data['contBorder'] || {},
-        setting: {
-          selected:'N'
-        },
-      },
-
-      {
-        ele: 'title',
-        label: '列表样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '填充:',
-        ele: 'xd-margin-padding',
-        valueKey: 'itemPadding',
-        groupKey:'style',
-        value: data['itemPadding'] || null,
-        setting: {
-          type: 'padding',
-        },
-        placeholder: '请设置外填充',
-        inline: false,
-        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">30px 30px 0 0</span>像素',
-      },
-      {
-        label: "标题样式设置",
-        ele: "xd-text-and-bgc",
-        groupKey:'style',
-        valueKey: 'itemStyle',
-        value: data['itemStyle'] || null,
-        setting: {
-          fontSize: true,
-          color: true,
-          bgColor: false,
-          weight: true,
-          selected:false
-        },
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-              data.cb([])
-            });
-        },
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'itemBgColor',
-        groupKey:'style',
-        value: data['itemBgColor'] || null,
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'itemRadius',
-        groupKey:'style',
-        value: data['itemRadius'],
-        placeholder: '请选择圆角设置',
-        multiple: false,
-        className: 'input80',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        label: '投影设置:',
-        ele: 'xd-shadow',
-        groupKey:'style',
-        valueKey: 'itemShadow',
-        value: data['itemShadow'] || '',
-        setting: {
-          selected: 'N'
-        },
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-              data.cb([])
-            });
-        },
-      },
-      {
-        label: '边框设置:',
-        ele: 'xd-border',
-        groupKey:'style',
-        valueKey: 'itemBorder',
-        value: data['itemBorder'] || {},
-        setting: {
-          selected:'N'
-        },
-      },
-
       {
         label: '票券跳转路径:',
         ele: 'xd-select-pages-path',