jufubao-mall 2.0.21 → 2.0.23-beta1

package/src/components/JfbMallRecommendProduct/Attr.js

@@ -1,378 +1,20 @@
 'use strict';
 import ProductAttr from "./ProductAttr";
-
+import advanced from "./cusAttr/advanced";
+import content from "./cusAttr/content";
+import style from "./cusAttr/style";
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
  */
 export default {
   style: [],
-  content: (data) => {
+  content: (data, gValue, gColor, oldData={}) => {
     return [
-      {
-        label: '是否展示标题:',
-        ele: 'xd-radio',
-        valueKey: 'isShowTitle',
-        value: data['isShowTitle'] || 'Y',
-        groupKey:'content',
-        labelInline: true,
-        multiple: false,
-        list: [
-          {label: '展示', value: 'Y'},
-          {label: '隐藏', value: 'N'},
-        ]
-      },
-      data['isShowTitle'] === 'Y' && {
-        label: "自定义标题名称",
-        ele: "el-input",
-        valueKey: "recommendTitle",
-        value: data.recommendTitle || "",
-        className: "input80",
-        groupKey:'content',
-        labelInline: true,
-        indent: true,
-        inline:false,
-        notice:'设置自定义标题名称，默认值：<span style="color:red">为您推荐</span>'
-      },
-      {
-        label: "列表商品标签过滤条件：",
-        ele: "xd-check",
-        valueKey: "marketTags",
-        labelInline: true,
-        value: data.marketTags || ['rec'],
-        groupKey:'content',
-        list: [
-          {label: "推荐", value: "rec"},
-          {label: "新品", value: "new"},
-          {label: "爆款", value: "hot"},
-        ],
-      },
-
-
-      //商品配置
-      ...ProductAttr(data),
-
-      //style
-      {
-        label: '边距设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'contMargin',
-        value: data['contMargin'] || null,
-        setting: {
-          type: 'margin',
-        },
-        inline: false,
-        notice: '边距设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">0</span> 像素',
-      },
-      {
-        ele: 'title',
-        label: '标题设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '样式设置:',
-        ele: 'xd-text-and-bgc',
-        groupKey:'style',
-        valueKey: 'titleStyle',
-        value: data['titleStyle'] || null,
-        setting: {
-          fontSize: true,
-          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-site-select-list',
-        valueKey: 'titleRadius',
-        value: data['titleRadius'] || '0',
-        groupKey:'style',
-        labelInline: true,
-        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: "列间距：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "columnSpacing",
-        value: data['columnSpacing'] === undefined?20:data['columnSpacing'],
-        className: "input80",
-        labelInline: true,
-        setting:{
-          min: 0,//最小值
-          max: 100, //最小值
-          step:1, //步长
-          showStops:false,//显示间断点
-          showInput:false,//显示输入框
-        }
-      },
-      {
-        label: "行间距：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "rowSpacing",
-        value: data['rowSpacing'] === undefined?20:data['rowSpacing'],
-        className: "input80",
-        labelInline: true,
-        setting:{
-          min: 0,//最小值
-          max: 100, //最小值
-          step:1, //步长
-          showStops:false,//显示间断点
-          showInput:false,//显示输入框
-        }
-      },
-      {
-        label: '边距设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'contPadding',
-        value: data['contPadding'] || null,
-        setting: {
-          type: 'margin',
-        },
-        inline: false,
-        notice: '边距设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        ele: 'line',
-        label: '商品设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        labelInline: true,
-        valueKey: 'contBgColor',
-        value: data['contBgColor'] || '',
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-        inline: false,
-        setting: {
-          showAlpha: true
-        },
-        notice: '建议使用浅色色值，切勿使用深色色值'
-      },
-      {
-        label: '品牌颜色:',
-        ele: 'xd-color',
-        valueKey: 'brandColor',
-        labelInline: true,
-        value: data['brandColor'] || '',
-        placeholder: '请选择品牌颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-        setting: {
-          showAlpha: true
-        },
-      },
-      {
-        label: "商品与信息之间间距：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "contSpacing",
-        value: data['contSpacing'] === undefined?20:data['contSpacing'],
-        className: "input80",
-        labelInline: true,
-        setting:{
-          min: 0,//最小值
-          max: 100, //最小值
-          step:1, //步长
-          showStops:false,//显示间断点
-          showInput:false,//显示输入框
-        }
-      },
-      {
-        label: '填充设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'itemPadding',
-        value: data['itemPadding'] || null,
-        setting: {
-          type: 'padding',
-        },
-        inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        label: "圆角设置：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "contRadius",
-        value: data['contRadius'] === undefined?0:data['contRadius'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 80,
-          step:1,
-          showStops:false,
-        },
-        labelInline: true,
-      },
-      {
-        label: "图片圆角设置：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "imageRadius",
-        value: data['imageRadius'] === undefined?0:data['imageRadius'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 80,
-          step:1,
-          showStops:false,
-        },
-        labelInline: true,
-      },
-      {
-        label: '投影设置:',
-        ele: 'xd-shadow',
-        groupKey:'style',
-        labelInline: true,
-        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',
-        labelInline: true,
-        groupKey:'style',
-        valueKey: 'contBorder',
-        value: data['contBorder'] || '',
-        setting: {
-          selected:'N'
-        },
-      },
-      {
-        label: '商品名称样式设置:',
-        ele: 'xd-text-and-bgc',
-        groupKey:'style',
-        valueKey: 'contStyle',
-        value: data['contStyle'] || null,
-        setting: {
-          fontSize: true,
-          weight:true,
-          bgColor:false,
-          selected:false,
-          default:{
-            color: '#333',
-            fontSize:'26rpx',
-            fontWeight: 'normal'
-          },
-        },
-        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-choose-namespace",
-        valueKey: "xnamespace",
-        value: data.xnamespace || null,
-        groupKey:'advanced',
-        className: 'input60',
-        handleCustom: (cb) => {
-          XdBus.getParentApi('getOptionsNamespaces')()
-            .then(res => {
-              cb(res.list)
-            })
-            .catch();
-        }
-      },
-      {
-        label: '是否开启城市筛选:',
-        ele: 'xd-radio',
-        valueKey: 'isCityFilter',
-        value: data['isCityFilter'] || 'N',
-        placeholder: '请选择是否开启城市筛选',
-        groupKey:'advanced',
-        multiple: false,
-
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        label: '是否启用滚动加载功能:',
-        ele: 'xd-radio',
-        valueKey: 'isUserScrollData',
-        value: data['isUserScrollData'] || 'N',
-        placeholder: '请选择是否开启城市筛选',
-        groupKey:'advanced',
-        multiple: false,
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        label: '商品详情跳转路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'productInfoPath',
-        placeholder: '请选择详情路径',
-        value: data.productInfoPath || null,
-        groupKey:'advanced',
-        className: 'input100',
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-      },
+      ...content(data, gValue, gColor, oldData),
+      ...style(data, gValue, gColor, oldData),
+      ...advanced(data, gValue, gColor, oldData)
 
     ].filter(i=>i)
   },
-  advanced: [
-
-  ],
+  advanced: [],
 };