jufubao-base 1.0.212-beta101 → 1.0.212-beta89

package/src/components/JfbBasePosterType/Attr.js

@@ -1,6 +1,6 @@
 'use strict';
 
-import {oldTonNewBorAndSha} from "@/utils/AttrTools";
+import console from "@dcloudio/uni-h5/src/core/helpers/console";
 
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
@@ -14,26 +14,9 @@ export default {
     if (params['shadow'] === undefined) params['shadow'] = 2;
     if (!params['cells']) params['cells'] = 4;
     if (!params['jdRows']) params['jdRows'] = 1;
+    if (!params['radius']) params['radius'] = '20';
     if (!params['carouselTime']) params['carouselTime'] = 5;
-    if(params['cells'] === 4) defaultPadding = 25;
-    let iconSetBaseStyle = 'Y';
-    if(params['iconSetBaseStyle']) iconSetBaseStyle = params['iconSetBaseStyle'];
-
-
-    let defContShadow = oldTonNewBorAndSha(
-      params['iconShadow'],
-      params.shadow===1?'Y':'N',
-      '10',
-      params.shadowColor|| 'rgba(0,0,0,0)',
-    );
-    if(defContShadow.type === 'Y' && params.shadow ===1) {
-      params.shadow = 2
-    }
-
-    let fontColor = '#333';
-    if(params['textColor']) fontColor = params['textColor']
-    if(params.titleStyle && params.titleStyle.color) fontColor = params.titleStyle.color;
-
+    if(params['cells'] === 4) defaultPadding = 30
     return [
       {
         label: '导航配置:',
@@ -272,68 +255,36 @@ export default {
         label: '导航显示方式:',
         ele: 'xd-radio',
         valueKey: 'isCarousel',
-        value: params['isCarousel'] || 1,
+        value: params['isCarousel'],
         groupKey:'content',
-        labelInline: true,
+        rules: [
+          {required: true, message: '请选择导航显示方式', trigger: ['blur', 'change']}
+        ],
         list: [
           {"label": "焦点图显示", "value": 1},
           {"label": "轮播图显示", "value": 2},
         ]
       },
-      params['isCarousel'] === 2 && {
-        labelInline: true,
-        label: '轮播速度:',
+      {
+        label: '导航轮播周期:',
         ele: 'el-input',
         type: 'number',
         isKey: true,
         groupKey:'content',
         valueKey: 'carouselTime',
         value: params.carouselTime,
-        placeholder: '请输入轮播速度，单位秒',
+        placeholder: '请输入导航轮播周期，单位秒',
         className: 'input60',
         inline: false,
-        notice: '轮播速度设置仅在“<span style="color:red">轮播图显示</span>”生效，单位:<span style="color:red">秒</span>',
-      },
-      params['isCarousel'] === 2 && {
-        labelInline: true,
-        label: '导航数量:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'number',
-        groupKey:'content',
-        value: params.number || '20',
-        placeholder: '请输入导航数量',
-        className: 'input60',
-        unit:'条',
-      },
-      params['isCarousel'] === 2 && {
-        label: '广告显示dot类型:',
-        ele: 'xd-select-list',
-        valueKey: 'dot_type',
-        value: params['dot_type'] || 'round',
-        groupKey:'content',
-        placeholder: '请选择广告显示dot类型',
-        multiple: false,
-        className: 'input80',
-        list:[
-          {label: '显示圆点', value: 'dot'},
-          {label: '显示长方形', value: 'default'},
-          {label: '显示圆点+长条', value: 'round'},
-          {label: '显示索引+标题', value: 'nav'},
-          {label: '显示索引', value: 'indexes'},
-          {label: '不显示', value: 'normal'},
-        ],
-        notice: '在使用非通屏显示类型广告位之外的样式时，<span style="color: red">(显示索引+标题|显示索引)</span>使用"<span style="color: red">显示圆点</span>"',
-        inline: false,
+        notice: '轮播周期时间设置仅在“<span style="color:red">轮播图显示</span>”生效，单位:<span style="color:red">秒</span>',
       },
       {
-        label: '导航显示行数:',
-        ele: 'xd-radio',
+        label: '导航内容显示行数:',
+        ele: 'xd-select-list',
         valueKey: 'jdRows',
         groupKey:'content',
         value: params.jdRows,
         className: 'input60',
-        labelInline: true,
         list: [
           {"label": "一行", "value": 1},
           {"label": "两行", "value": 2},
@@ -341,140 +292,68 @@ export default {
         ]
       },
       {
-        label: '导航显示列数:',
-        ele: 'xd-radio',
+        label: '导航内容置使用张数:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'number',
+        groupKey:'content',
+        value: params.number,
+        placeholder: '请输入导航内容置使用张数',
+        className: 'input60',
+        unit:'张',
+        rules: [
+          {
+            required: true,
+            message: '请输入导航内容置使用张数',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '导航内容显示列数:',
+        ele: 'xd-select-list',
         valueKey: 'cells',
         groupKey:'content',
         value: params.cells,
         className: 'input60',
-        labelInline: true,
         list: [
           {"label": "四列", "value": 4},
           {"label": '五列', "value": 5},
         ]
       },
       {
-        ele: 'title',
-        label: '导航ICON设置',
-        size: 'small',
-        groupKey:'content',
-      },
-      {
-        label: '基础样式设置:',
-        ele: 'xd-radio',
-        valueKey: 'iconSetBaseStyle',
-        value: iconSetBaseStyle,
-        groupKey:'content',
-        labelInline: true,
-        list: [
-          {"label": "默认", "value": 'N'},
-          {"label": "自定义", "value": 'Y'},
-        ]
-      },
-      iconSetBaseStyle === 'Y' && {
-        label: "ICON大小设置：",
-        groupKey: 'content',
-        labelInline: true,
-        ele: 'xd-slider',
-        valueKey: "columnSpacing",
-        value:  params['columnSpacing'] === undefined?0:params['columnSpacing'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 60,
-          step:1,
-          showStops:false,
-        }
-      },
-      iconSetBaseStyle === 'Y' && {
-        label: "ICON圆角：",
-        groupKey: 'content',
-        labelInline: true,
-        ele: 'xd-slider',
-        valueKey: "radius",
-        value:  params['radius'] === undefined?20:params['radius'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 100,
-          step:1,
-          showStops:false,
-        }
-      },
-      iconSetBaseStyle === 'Y' && {
-        label: "ICON边距设置：",
-        groupKey: 'content',
-        labelInline: true,
-        ele: 'xd-slider',
-        valueKey: "iconMargin",
-        value:  params['iconMargin'] === undefined?defaultPadding:params['iconMargin'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 60,
-          step:1,
-          showStops:false,
-        }
-      },
-      iconSetBaseStyle === 'Y' && {
-        label: '投影设置:',
-        ele: 'xd-shadow',
+        label: 'ICON图标填充设置:',
+        ele: 'xd-margin-padding',
+        valueKey: 'iconPadding',
         groupKey:'content',
-        labelInline: true,
-        valueKey: 'iconShadow',
-        value: defContShadow,
+        value: params.iconPadding || null,
         setting: {
-          selected: defContShadow.type,
-        },
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-              data.cb([])
-            });
+          type: 'margin',
         },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: `ICON图标填充设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">${defaultPadding}</span> 像素，<br/><span style="color: red">注意</span>：上下填充数值相加=左右填充数值相加时，ICON才会时正方形。`,
       },
-      iconSetBaseStyle === 'Y' && {
-        label: "导航文字设置:",
-        ele: "xd-font",
-        valueKey: "titleStyle",
-        value: params.titleStyle || {},
+      {
+        label: '导航ICON圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'radius',
+        value: params['radius'],
         groupKey:'content',
-        setting: {
-          color:true,
-          fontSize: true,
-          decoration: true,
-          weight: true,
-          lineHeight: true,
-          icon: false,
-          style:false,
-          align:false,
-          isEmpty: true,
-          default:{
-            color: fontColor,
-            fontSize:'24rpx',
-            lineHeight: '36rpx',
-            decoration:'none',
-            weight:'normal'
-          }
-        },
+        placeholder: '请选择导航ICON圆角设置',
+        multiple: false,
+        className: 'input60',
         handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
             .then(res => {
               data.cb(res.list)
             })
             .catch(error => {
-              data.cb([])
               console.error(error);
             });
         },
-
       },
-
-      iconSetBaseStyle === 'Y' && {
+      {
         label: '导航ICON是否阴影设置:',
         ele: 'xd-radio',
         valueKey: 'shadow',
@@ -482,14 +361,12 @@ export default {
         value: params['shadow'],
         placeholder: '请选择导航ICON阴影设置',
         className: 'input60',
-        hidden:true,
         list: [
           {"label": "是", "value": 1},
           {"label": "否", "value": 2},
         ]
       },
-      iconSetBaseStyle === 'Y' && {
-        hidden:true,
+      params['shadow'] === 1 && {
         label: '导航ICON阴影颜色配置:',
         ele: 'xd-color',
         valueKey: 'shadowColor',
@@ -499,7 +376,12 @@ export default {
         classNmae: 'input60',
       },
 
-
+      {
+        ele: 'title',
+        label: '样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
       {
         label: '背景颜色:',
         ele: 'xd-color',
@@ -508,27 +390,27 @@ export default {
         value: params['bgColor'] || '',
         placeholder: '请选择背景颜色',
         classNmae: 'input60',
-        setting: {
-          showAlpha: true
-        },
       },
       {
-        label: "圆角设置：",
-        groupKey: 'style',
-        labelInline: true,
-        ele: 'xd-slider',
-        valueKey: "bgRadius",
-        value:  params['bgRadius'] === undefined?'':params['bgRadius'],
-        className: "input80",
-        setting:{
-          isOptions: true,
-          min: 0,
-          max: 100,
-          step:1,
-          showStops:false,
-        }
+        label: '背景圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'bgRadius',
+        value: params['bgRadius'],
+        groupKey:'style',
+        placeholder: '请选择背景圆角设置',
+        multiple: false,
+        className: 'input60',
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
       },
-      iconSetBaseStyle === 'Y' && {
+      {
         label: '文字颜色:',
         ele: 'xd-color',
         valueKey: 'textColor',
@@ -538,7 +420,7 @@ export default {
         classNmae: 'input80',
       },
       {
-        label: '外边距设置:',
+        label: '内容设置外边距:',
         ele: 'xd-margin-padding',
         valueKey: 'margin',
         groupKey:'style',
@@ -548,10 +430,10 @@ export default {
         },
         placeholder: '请设置外边距',
         inline: false,
-        notice: '外边距设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span> 像素',
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span> 像素',
       },
       {
-        label: '填充设置:',
+        label: '内容设置填充:',
         ele: 'xd-margin-padding',
         valueKey: 'contentPadding',
         groupKey:'style',
@@ -559,10 +441,10 @@ export default {
         setting: {
           type: 'padding',
         },
+        placeholder: '内容设置填充',
         inline: false,
-        notice: '设置填充设置，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span> 像素',
+        notice: '设置外填充，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span> 像素',
       },
-
     ].filter(i=>i)
   },
   advanced: [