jufubao-mall 2.0.29-beta1 → 2.0.31

package/src/components/JfbMallSpecialInfo/Attr.js

@@ -1,8 +1,10 @@
 'use strict';
-import {getRemoteOptions} from "@/utils/AttrTools";
-
-function checkValue(value, dValue = 0){
-  if(value === undefined || value === '' || value === null) return dValue;
+import { getRemoteOptions } from "@/utils/AttrTools";
+import Content from './cusAttr/content'
+import Style from './cusAttr/style'
+import Advanced from './cusAttr/advanced'
+function checkValue(value, dValue = 0) {
+  if (value === undefined || value === '' || value === null) return dValue;
   return Number(value || 0);
 }
 
@@ -11,387 +13,14 @@ function checkValue(value, dValue = 0){
  */
 export default {
 
-  style: [],
-  content: (data) => {
-    let options = getRemoteOptions('productList', data);
-    let mainSpacing = 30;
-    if(data['mainSpacing']) mainSpacing = Number(data['mainSpacing']);
-    let width = 750 - mainSpacing * 2;
-
-
+  style: [], 
+  content: (data, gValue, gColor, oldData = {}) => {
     return [
-      {
-        label: '是否显示分类图片(预览模式生效):',
-        ele: 'xd-radio',
-        valueKey: 'isCategoryImage',
-        value: data['isCategoryImage'] || 'Y',
-        placeholder: '请选择是否显示分类图片',
-        multiple: false,
-        className: 'input80',
-        groupKey: 'content',
-        list: [
-          { label: '展示', value: 'Y' },
-          { label: '隐藏', value: 'N' },
-        ]
-      },
-      {
-        ele: 'title',
-        label: '商品内容配置',
-        size: 'small',
-        groupKey:'content',
-      },
-      {
-        label: "列表展示列数",
-        groupKey: 'content',
-        ele: 'xd-radio',
-        valueKey: "column_num",
-        value: data['column_num'] || 2,
-        isKey: true,
-        list: [
-          {label: "一列", value: 1},
-          {label: "两列", value: 2},
-          {label: "三列", value: 3}
-        ]
-      },
-      {
-        label: '否展示品牌:',
-        ele: 'xd-radio',
-        valueKey: 'is_show_brand',
-        value: data['is_show_brand'] || 'N',
-        placeholder: '请选择是否展示品牌',
-        multiple: false,
-        className: 'input80',
-        groupKey: 'content',
-        list: [
-          { label: '展示', value: 'Y' },
-          { label: '隐藏', value: 'N' },
-        ]
-      },
-      {
-        label: '是否显示价格:',
-        ele: 'xd-radio',
-        groupKey: 'content',
-        valueKey: 'isPrice',
-        value: data['isPrice'] || 'Y',
-        placeholder: '请选择是否显示价格',
-        multiple: false,
-        className: 'input80',
-        list: [
-          { label: '是', value: 'Y' },
-          { label: '否', value: 'N' },
-        ]
-      },
-      data.isPrice === 'Y' && {
-        label: '是否展示原价:',
-        groupKey: 'content',
-        ele: 'xd-radio',
-        valueKey: 'isShowDiscount',
-        value: data.isShowDiscount || "Y",
-        rules: [
-          { required: true, message: '请选择', trigger: ['blur', 'change'] }
-        ],
-        list: [
-          { "label": "显示", "value": "Y" },
-          { "label": "隐藏", "value": "N" },
-        ]
-      },
-      data.isShowDiscount === 'Y' && {
-        groupKey: 'content',
-        label: '市场价减去售价大于多少展示:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'differ',
-        value: data['differ'] || '',
-        placeholder: '价差，默认值：1',
-        className: 'input60',
-      },
-      ...options,
-      {
-        label: "购物车设置",
-        ele: "xd-radio",
-        valueKey: "isAddCart",
-        value: data['isAddCart'] || 'Y',
-        groupKey: 'content',
-        list: [
-          { label: "是", value: 'Y' },
-          { label: "否", value: 'N' }
-        ]
-      },
-      0&&{
-        ele: 'title',
-        label: '列表图片设置(<span style="color:red"> 仅三张图片同时设置生效 </span>)',
-        size: 'small',
-        groupKey:'content',
-      },
-      0&&{
-        label: '列表Top背景图:',
-        ele: 'xd-upload',
-        valueKey: 'itemTop',
-        value: data['itemTop'] || {},
-        defaultValue: data['itemTop'],
-        groupKey: 'content',
-        slot: true,
-        elinputClassName: 'input40',
-        tipsformet: `上传文件格式：@imageType@，不超过@size@MB。建议尺寸：<span style="color:red">${width}*70</span>像素`,
-        type: ['jpg', 'png', 'jpeg'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        oneWidth: 300,
-        oneHeight: 300 * 70 / width,
-        size: 5,
-        action: 'aliyun',
-        rules: [
-          { required: true, message: '请上传图片', trigger: ['blur', 'change'] },
-        ]
-      },
-      0&&{
-        label: '列表Middle背景图:',
-        ele: 'xd-upload',
-        valueKey: 'itemMiddle',
-        value: data['itemMiddle'] || {},
-        defaultValue: data['itemMiddle'],
-        groupKey: 'content',
-        slot: true,
-        elinputClassName: 'input40',
-        tipsformet: `上传文件格式：@imageType@，不超过@size@MB。建议尺寸：<span style="color:red">${width}*50</span>像素，此背景是可重复背景`,
-        type: ['jpg', 'png', 'jpeg'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        oneWidth: 300,
-        oneHeight: 300 * 50 / width,
-        size: 5,
-        action: 'aliyun',
-        rules: [
-          { required: true, message: '请上传图片', trigger: ['blur', 'change'] },
-        ]
-      },
-      0&&{
-        label: '列表Bottom背景图:',
-        ele: 'xd-upload',
-        valueKey: 'itemBottom',
-        value: data['itemBottom'] || {},
-        defaultValue: data['itemBottom'],
-        groupKey: 'content',
-        slot: true,
-        elinputClassName: 'input40',
-        tipsformet: `上传文件格式：@imageType@，不超过@size@MB。建议尺寸：<span style="color:red">${width}*50</span>像素`,
-        type: ['jpg', 'png', 'jpeg'],
-        styleType: 'one',
-        uploadType: 'aliyun',
-        oneWidth: 300,
-        oneHeight: 300 * 50 / width,
-        size: 5,
-        action: 'aliyun',
-        rules: [
-          { required: true, message: '请上传图片', trigger: ['blur', 'change'] },
-        ]
-      },
-
-      {
-        label: '列间距设置:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'style',
-        valueKey: 'mainSpacing',
-        value: data['mainSpacing'] || '',
-        className: 'input50',
-        inline: false,
-        notice:'列间距设置，单位像素，默认：<span style="color:red">30</span>px'
-      },
-      {
-        label: '行间距设置:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'style',
-        valueKey: 'rowMainSpacing',
-        value: data['rowMainSpacing'] || '',
-        className: 'input50',
-        inline: false,
-        notice:'行间距设置，单位像素，默认：<span style="color:red">30</span>px'
-      },
-      {
-        ele: 'title',
-        label: '列表样式设置',
-        size: 'small',
-        groupKey:'style',
-      },
-      {
-        label: '列间距设置:',
-        ele: 'el-input',
-        type: 'number',
-        groupKey:'style',
-        valueKey: 'contSpacing',
-        value: data['contSpacing'] || '',
-        className: 'input50',
-        inline: false,
-        notice:'列间距设置，单位像素，默认：<span style="color:red">20</span>px，此配置仅在<span style="color:red">一列</span>显示生效'
-      },
-      {
-        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> 像素',
-      },
-      {
-        label: '填充设置:',
-        ele: 'xd-margin-padding',
-        groupKey:'style',
-        valueKey: 'contPadding',
-        value: data['contPadding'] || null,
-        setting: {
-          type: 'padding',
-        },
-        inline: false,
-        notice: '填充设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">20</span> 像素',
-      },
-      {
-        label: '背景颜色:',
-        ele: 'xd-color',
-        valueKey: 'contBgColor',
-        value: data['contBgColor'] || '',
-        placeholder: '请选择背景颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-        inline: false,
-        notice: '背景色建议使用浅色色值，切勿使用深色色值'
-      },
-      {
-        label: '商品名称样式设置:',
-        ele: 'xd-text-and-bgc',
-        groupKey:'style',
-        valueKey: 'contStyle',
-        value: data['contStyle'] || null,
-        setting: {
-          fontSize: true,
-          weight:true,
-          bgColor:false,
-          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: 'contBrandColor',
-        value: data['contBrandColor'] || '',
-        placeholder: '请选择品牌名称颜色',
-        classNmae: 'input80',
-        groupKey:'style',
-      },
-      {
-        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'
-        },
-      },
-      {
-        label: '圆角设置:',
-        ele: 'xd-site-select-list',
-        valueKey: 'contRadius',
-        value: data['contRadius'] || '10',
-        groupKey:'style',
-        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-site-select-list',
-        valueKey: 'imageRadius',
-        value: data['imageRadius'] || '10',
-        groupKey:'style',
-        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);
-            });
-        },
-      },
-
+      ...Content(data, gValue, gColor, oldData),
+      ...Style(data, gValue, gColor, oldData),
+      ...Advanced(data, gValue, gColor, oldData),
 
-      {
-        label: "选择业务线",
-        ele: "xd-choose-namespace",
-        valueKey: "xnamespace",
-        groupKey:'advanced',
-        value: data.xnamespace || "",
-        className: 'input60',
-        handleCustom: (cb) => {
-          XdBus.getParentApi('getOptionsNamespaces')()
-            .then(res => {
-              cb(res.list)
-            })
-            .catch();
-        }
-      },
-      {
-        label: '商品详情跳转路径:',
-        ele: 'xd-select-pages-path',
-        groupKey:'advanced',
-        className:'input100',
-        valueKey: 'productInfoPath',
-        placeholder: '请选择商品详情跳转路径',
-        value: data.productInfoPath || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        inline: false,
-      },
-    ].filter(i=>i)
+    ].filter(i => i)
   },
   advanced: [
   ],