jufubao-mall 2.0.18 → 2.0.20-beta1

package/src/components/JfbMallProductList/Attr.js

@@ -1,30 +1,15 @@
 'use strict';
-import ProductAttr from "./ProductAttr";
+import advanced from "./cusAttr/advanced";
+import content from "./cusAttr/content";
+import style from './cusAttr/style'
 import {isObject, oldTonNewBorAndSha, getRemoteOptions} from "@/utils/AttrTools";
 
 export default {
   style: [],
   advanced: [],
-  content: data=>{
+  content: (data, gValue, gColor, oldData={})=>{
     console.log(data['row_num'],"data['row_num']");
 
-    let titleStyleColor = '#333'
-    if(data.titleColor) titleStyleColor = data.titleColor;
-    if(isObject(data.titleStyle) && data.titleStyle.color)  titleStyleColor = data.titleStyle.color;
-    let options = getRemoteOptions('productList', data);
-
-    let defContBorder = oldTonNewBorAndSha(
-      data.contBorder,
-      data.is_border,
-      data.is_border_w,
-      data.is_border_c,
-      'solid'
-    );
-    if(defContBorder.type === 'Y' && data.is_border ==='Y') {
-      data.is_border = 'N'
-    }
-
-
     let defContShadow = oldTonNewBorAndSha(
       data.contShadow,
       data.is_shadow,
@@ -37,749 +22,9 @@ export default {
 
 
     return [
-      {
-        label: "布局设置",
-        groupKey:'content',
-        ele: "xd-style-image",
-        valueKey: "categoryLayout",
-        value: data['categoryLayout'] || 'v1',
-        handleCustom({action, data}) {
-          data.cb([
-            {label: "布局1", url:'/common/layout/JfbMallProductList/v1.png?v=1', value: "v1"},
-            {label: "布局2",url:'/common/layout/JfbMallProductList/v2.png?v=1', value: "v2"},
-          ])
-        },
-      },
-      data['categoryLayout'] === 'v1' && {
-        label: "展示方式",
-        ele: "xd-radio",
-        groupKey:'content',
-        labelInline: true,
-        valueKey: "categoryLayout1ShowType",
-        value: data['categoryLayout1ShowType'] || 'all',
-        isKey: true,
-        list: [
-          {label: "全部展示", value: "all"},
-          {label: "只展示二级分类", value: "child"},
-        ],
-      },
-      {
-        label: '是否展示分类:',
-        groupKey:'content',
-        ele: 'xd-radio',
-        valueKey: 'showCategory',
-        value: data['showCategory'] ||'Y',
-        labelInline: true,
-        list: [
-          {"label": "展示", "value": 'Y'},
-          {"label": "隐藏", "value": 'N'},
-        ]
-      },
-      {
-        label: '是否展示条件筛选:',
-        groupKey:'content',
-        ele: 'xd-radio',
-        valueKey: 'showQuery',
-        value: data['showQuery'] ||'Y',
-        labelInline: true,
-        list: [
-          {"label": "展示", "value": 'Y'},
-          {"label": "隐藏", "value": 'N'},
-        ]
-      },
-      data['showQuery'] ==='Y' && {
-        label: '是否展示配送方式筛选项:',
-        groupKey:'content',
-        ele: 'xd-radio',
-        valueKey: 'isShowDelivery',
-        value: data['isShowDelivery'] ||'Y',
-        indent: true,
-        labelInline: true,
-        list: [
-          {"label": "展示", "value": 'Y'},
-          {"label": "隐藏", "value": 'N'},
-        ]
-      },
-      data['showQuery'] ==='Y' && {
-        label: '品牌筛选',
-        ele: 'xd-radio',
-        valueKey: "showBrandFilter",
-        value: data['showBrandFilter'] || 'in',
-        groupKey:'content',
-        labelInline: true,
-        indent: true,
-        list: [
-          {"label": "筛选中展示", "value": 'in'},
-          {"label": "列表展示", "value": 'out'},
-        ]
-      },
-      ...options,
-      {
-        ele: 'line',
-        label: '全部分类设置',
-        size: 'small',
-        groupKey:'content',
-      },
-      {
-        label: "全部自定义名称:",
-        ele: "el-input",
-        valueKey: "allName",
-        value: data.allName || "",
-        labelInline: true,
-        className: "input40",
-        groupKey:'content',
-        inline:false,
-        notice:'设置全部自定义名称，默认值：<span style="color:red">全部</span>',
-        rules: [
-          {
-            required: false,
-            validator: (rule, value, callback) => {
-              value = value.trim();
-              if(value.length === 0) return callback()
-              if (value.length < 2 || value.length > 4) callback('全部自定义名称长度为：1-4字符');
-              else callback()
-            },
-            trigger: 'blur'
-          }
-        ],
-      },
-      {
-        label: '全部图标:',
-        ele: 'xd-upload',
-        valueKey: 'allIcon',
-        value: data['allIcon'] || {},
-        defaultValue: data['allIcon'],
-        slot: true,
-        tipsformet: `上传文件格式：@imageType@，不超过@size@MB.，建议尺寸：<span style="color:red">128*128</span>像素。`,
-        type: ['jpg', 'png', 'jpeg','gif'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        groupKey:'content',
-        size: .5,
-        action: 'aliyun',
-        oneWidth: 80,
-        oneHeight: 80,
-      },
-      
-      ...ProductAttr(data),
-      {
-        ele: 'title',
-        label: '头部设置',
-        size: 'small',
-        groupKey:'style',
-      },
-
-
-      {
-        ele: 'line',
-        label: '一级分类配置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'titleBgColor',
-        groupKey:'style',
-        value: data['titleBgColor'] || '',
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-        setting: {
-          showAlpha: true
-        },
-      },
-      {
-        label: '分类名称样式设置:',
-        ele: 'xd-text-and-bgc',
-        groupKey:'style',
-        valueKey: 'titleStyle',
-        value: data['titleStyle'] || null,
-        setting: {
-          fontSize: true,
-          weight:true,
-          bgColor:false,
-          selected:true,
-          default:{
-            color: titleStyleColor,
-            fontSize:'30rpx',
-            fontWeight:'normal',
-            actFontSize:'36rpx',
-            actFontWeight:'bold',
-          }
-        },
-        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: 'titleColor',
-        groupKey:'style',
-        value: data['titleColor'] || '',
-        placeholder: '请选择文字颜色',
-        classNmae: 'input80',
-        hidden:true,
-      },
-      //废弃不可删除（已做兼容）
-
-      {
-        ele: 'line',
-        label: '二级导航样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '上边框设置:',
-        ele: 'xd-border',
-        groupKey:'style',
-        valueKey: 'subTitleBorder',
-        value: data['subTitleBorder'] || '',
-        setting: {
-          selected:'N',
-        },
-        hidden: !(data['categoryLayout'] === 'v1')
-      },
-      {
-        label: '图标圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'subTitleRadius',
-        value: data['subTitleRadius'] || '50%',
-        placeholder: '请选择圆角设置',
-        multiple: false,
-        className: 'input80',
-        groupKey:'style',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({
-            setting_id: 'edtix_style_radius',
-            key: Date.now()
-          })
-            .then(res => {
-              let list = (res.list || []).map(item=>{
-                return {
-                  ...item,
-                  value: item.value + 'rpx',
-                }
-              }).concat([{label:'圆角',value: '50%'}]);
-              data.cb(list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        label: '图标框设置:',
-        ele: 'xd-border',
-        groupKey:'style',
-        valueKey: 'subTitleIconBorder',
-        value: data['subTitleIconBorder'],
-        setting: {
-          selected:'Y',
-          color:'#eee'
-        },
-      },
-      {
-        label: '图标投影设置:',
-        ele: 'xd-shadow',
-        groupKey:'style',
-        valueKey: 'subTitleIconShadow',
-        value: data['subTitleIconShadow'] || '',
-        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-color',
-        valueKey: 'level2BgcColor',
-        value: data['level2BgcColor'] || '',
-        placeholder: '请选择二级导航背景颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-      },
-      {
-        label: '二级导航文字颜色:',
-        ele: 'xd-color',
-        valueKey: 'level2Color',
-        value: data['level2Color'] || '',
-        placeholder: '请选择二级导航文字颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-      },
-
-      {
-        ele: 'line',
-        label: '过滤条件设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '上边框设置:',
-        ele: 'xd-border',
-        groupKey:'style',
-        valueKey: 'filterTopBorder',
-        value: data['filterTopBorder'] || '',
-        setting: {
-          selected:'D',
-          isDef: true,
-        },
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        groupKey:'style',
-        valueKey: 'filterBgcColor',
-        value: data['filterBgcColor'] || '',
-        placeholder: '请选择背景颜色',
-        classNmae: 'input40',
-        labelInline: true,
-        setting: {
-          showAlpha: true
-        },
-      },
-      {
-        label: '文字颜色:',
-        ele: 'xd-color',
-        groupKey:'style',
-        valueKey: 'filterColor',
-        value: data['filterColor'] || '',
-        placeholder: '请选择文字颜色',
-        classNmae: 'input40',
-        setting: {
-          showAlpha: true
-        },
-        labelInline: true,
-      },
-      {
-        label: "下拉菜单行间距：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "filterRowSpacing",
-        value: data['filterRowSpacing'] === undefined?20: data['filterRowSpacing'],
-        className: "input80",
-        labelInline: true,
-        setting:{
-          min: 0,//最小值
-          max: 100, //最小值
-          step:1, //步长
-          showStops:false,//显示间断点
-          showInput:false,//显示输入框
-        }
-      },
-      {
-        label: '下拉菜单背景颜色:',
-        ele: 'xd-color',
-        groupKey:'style',
-        valueKey: 'filterListColor',
-        value: data['filterListColor'] || '',
-        placeholder: '请选择列表背景颜色',
-        classNmae: 'input40',
-        labelInline: true,
-        setting: {
-          showAlpha: true
-        },
-      },
-      {
-        label: '下拉菜单文字设置:',
-        ele: 'xd-text-and-bgc',
-        groupKey:'style',
-        valueKey: 'filterFontStyle',
-        value: data['filterFontStyle'] || null,
-        setting: {
-          fontSize: true,
-          weight:true,
-          bgColor:true,
-          selected:true,
-          default:{
-            color: '#333',
-            bgColor: 'rgba(0,0,0,0)',
-            fontSize:'26rpx',
-            fontWeight:'normal',
-            actFontSize:'26rpx',
-            actFontWeight:'bold',
-            actBgColor: 'rgba(0,0,0,0)',
-          }
-        },
-        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',
-      },
-      {
-        ele: 'line',
-        label: '轮廓设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        groupKey:'style',
-        valueKey: 'contentColor',
-        value: data['contentColor'] || '',
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-        setting: {
-          showAlpha: true
-        },
-        inline: false,
-        notice:'背景色建议使用<span style="color:red">浅色色系</span>',
-      },
-      {
-        label: '列间距:',
-        ele: 'el-input',
-        type: 'number',
-        labelInline: true,
-        groupKey:'style',
-        valueKey: 'columnSpacing',
-        value: data['columnSpacing'] || '',
-        notice: '列间距设置，单位：像素，默认值：<span style="color:red">20</span> px',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        label: '行间距:',
-        ele: 'el-input',
-        type: 'number',
-        labelInline: true,
-        groupKey:'style',
-        valueKey: 'rowSpacing',
-        value: data['rowSpacing'] || '',
-        notice: '行间距设置，单位：像素，默认值：<span style="color:red">20</span> px',
-        inline: false,
-        className: 'input60',
-      },
-      {
-        label: '边距设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'listPadding',
-        value: data['listPadding'] || 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',
-        valueKey: 'itemBgcColor',
-        value: data['itemBgcColor'] || '',
-        placeholder: '请选择内容背景颜色',
-        groupKey:'style',
-        classNmae: 'input80',
-        inline: false,
-        notice:'商品背景色建议使用<span style="color:red">浅色色系</span>',
-        labelInline: true,
-        setting: {
-          showAlpha: true,
-        }
-      },
-      {
-        label: '边距设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'itemPadding',
-        value: data['itemPadding'] || null,
-        setting: {
-          type: 'margin',
-        },
-        inline: false,
-        notice: '边距设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        label: '品牌颜色:',
-        ele: 'xd-color',
-        labelInline: true,
-        valueKey: 'brandColor',
-        value: data['brandColor'] || '',
-        placeholder: '请选择品牌颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-        setting: {
-          showAlpha: true
-        },
-      },
-      {
-        label: "商品与信息之间间距：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "itemSpacing",
-        value: data['itemSpacing'] === undefined?20:data['itemSpacing'],
-        className: "input80",
-        labelInline: true,
-        setting:{
-          min: 0,//最小值
-          max: 100, //最小值
-          step:1, //步长
-          showStops:false,//显示间断点
-          showInput:false,//显示输入框
-        }
-      },
-
-      {
-        label: "圆角设置：",
-        groupKey: 'style',
-        ele: 'xd-slider',
-        valueKey: "radius",
-        value: data['radius'] === undefined?0:data['radius'],
-        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?10:data['imageRadius'],
-        className: "input80",
-        setting:{
-          min: 0,
-          max: 80,
-          step:1,
-          showStops:false,
-        },
-        labelInline: true,
-      },
-      {
-        label: '投影设置:',
-        ele: 'xd-shadow',
-        labelInline: true,
-        groupKey:'style',
-        valueKey: 'contShadow',
-        value: defContShadow,
-        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([])
-            });
-        },
-      },
-      {
-        label: '边框设置:',
-        ele: 'xd-border',
-        labelInline: true,
-        groupKey:'style',
-        valueKey: 'contBorder',
-        value: defContBorder,
-        setting: {
-          selected:defContBorder.type
-        },
-      },
-      {
-        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: '28rpx',
-            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-radio',
-        valueKey: 'is_shadow',
-        value: data['is_shadow'] || 'N',
-        placeholder: '请选择是否投影',
-        groupKey:'style',
-        multiple: false,
-        hidden: true,
-        className: 'input80',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        groupKey:'style',
-        label: '投影颜色:',
-        ele: 'xd-color',
-        hidden: true,
-        valueKey: 'is_shadow_bg',
-        value: data['is_shadow_bg'] || '',
-        placeholder: '请选择投影颜色',
-        classNmae: 'input80',
-      },
-      {
-        label: '投影范围:',
-        groupKey:'style',
-        ele: 'xd-site-select-list',
-        valueKey: 'is_shadow_w',
-        value: data['is_shadow_w'] || '10',
-        placeholder: '请选择投影范围',
-        multiple: false,
-        hidden: true,
-        className: 'input60',
-        handleCustom({action, data}) {
-          XdBus.getParentApi('getOptionsSettingList')({
-            setting_id: 'edtix_style_radius',
-            key: Date.now()
-          })
-            .then(res => {
-              data.cb(res.list)
-            })
-            .catch(error => {
-              console.error(error);
-            });
-        },
-      },
-      {
-        label: '是否有边框:',
-        ele: 'xd-radio',
-        valueKey: 'is_border',
-        value: data['is_border'] || 'N',
-        placeholder: '请选择是否有边框',
-        multiple: false,
-        className: 'input80',
-        hidden: true,
-        groupKey:'style',
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        groupKey:'style',
-        label: '边框颜色:',
-        ele: 'xd-color',
-        valueKey: 'is_border_c',
-        value: data['is_border_c'] || '',
-        placeholder: '请选择边框颜色',
-        classNmae: 'input80',
-        hidden: true,
-      },
-      {
-        groupKey:'style',
-        label: '边框大小:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'is_border_w',
-        value: data['is_border_w'] || '',
-        placeholder: '请输入边框大小',
-        className: 'input60',
-        hidden: true,
-      },
-      //已废弃（勿删除）
-
-
-      //高级
-      {
-        label: "选择业务线",
-        ele: "xd-choose-namespace",
-        valueKey: "xnamespace",
-        groupKey:'advanced',
-        value: data['xnamespace'] || null,
-        className: 'input60',
-        handleCustom: (cb) => {
-          XdBus.getParentApi('getOptionsNamespaces')()
-            .then(res => {
-              cb(res.list)
-            })
-            .catch();
-        }
-      },
-      {
-        label: '是否开启城市筛选:',
-        ele: 'xd-radio',
-        valueKey: 'isCityFilter',
-        groupKey:'advanced',
-        value: data['isCityFilter'] || 'N',
-        placeholder: '请选择是否开启城市筛选',
-        multiple: false,
-        list: [
-          {label: '是', value: 'Y'},
-          {label: '否', value: 'N'},
-        ]
-      },
-      {
-        label: '商品详情跳转路径:',
-        ele: 'xd-select-pages-path',
-        valueKey: 'productInfoPath',
-        placeholder: '请选择详情路径',
-        groupKey:'advanced',
-        value: data['productInfoPath'] || null,
-        className: 'input100',
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        inline: false,
-      },
+      ...content(data, gValue, gColor, oldData),
+      ...style(data, gValue, gColor, oldData),
+      ...advanced(data)
     ].filter(i=>i)
   },
 }