jufubao-mall 2.0.29-beta1 → 2.0.31

package/src/components/JfbMallSpecialProduct/cusAttr/style.js

@@ -0,0 +1,1002 @@
+import {
+  dataVal,
+  statusDataVal,
+  statusShow,
+  cRaBorShadow,
+  cusDisabled,
+  getCustomAttr,
+  TestCssInfo
+} from "@/utils/AttrTools";
+export default (data, gValue, gColor, oldData = {}) => {
+  const Color = require('color');
+  //标题描边
+  let titleBorder = cRaBorShadow(data, 'titleBorder', { old: ['is_title_border', 'is_title_border_w', 'is_title_border_c', 'solid'] }, gValue)
+  //标题投影设置
+  let titleShadowExt = { dValue: 'N' };
+  if (gValue.isAdd === true && gValue.isFirst) titleShadowExt = { dValue: 'D' };
+  let titleShadow = cRaBorShadow(data, 'titleShadow', titleShadowExt, gValue);
+  //更多描边
+  let moreBorder = cRaBorShadow(data, 'moreBorder', { old: ['is_more_border', 'is_more_border_w', 'is_more_border_c', 'solid'] }, gValue)
+  //更多投影设置
+  let moreShadowExt = { dValue: 'N' };
+  if (gValue.isAdd === true && gValue.isFirst) moreShadowExt = { dValue: 'D' };
+  let moreShadow = cRaBorShadow(data, 'moreShadow', moreShadowExt, gValue);
+  let moreBackgeound = Color(gColor.mainColor).alpha(0.15).toString();
+  //内容边框兼容
+  let productDisabled = cusDisabled({
+    data,
+    key: 'productStyle',
+    fields: { 'itemBgColorStatus': ['itemBgColor'], 'itemBorder': ['itemBorder', 'bs'] },
+    gValue
+  });
+  let defItemBorder = cRaBorShadow(data, 'itemBorder', { disabled: productDisabled, old: ['is_border', 'is_border_w', 'is_border_c', 'solid'] }, gValue);
+  let defItemShadow = cRaBorShadow(data, 'itemShadow', { old: ['is_shadow', 'is_shadow_w', 'is_shadow_bg'] }, gValue);
+  return [
+    {
+      ele: 'title',
+      label: '常规',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'mainBgStatus',
+      value: statusDataVal({ data, key: 'mainBgStatus', fields: ['mainBgColor', 'mainBackground'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-color',
+      groupKey: 'style',
+      valueKey: 'mainBgColor',
+      value: dataVal({ data, key: 'mainBgColor', dValue: null, gValue }),
+      hidden: !statusShow({ data, key: 'mainBgStatus', fields: ['mainBgColor', 'mainBackground'], gValue }),
+      placeholder: '请选择背景颜色',
+      labelInline: true,
+      classNmae: 'input80',
+    },
+    { ele: 'group_end' },
+    {
+      label: '外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'outMarginStatus',
+      value: statusDataVal({ data, key: 'outMarginStatus', fields: ['outMargin'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'outMargin',
+      value: dataVal({
+        data,
+        key: 'outMargin',
+        dValue: [16],
+        gValue,
+        isPM: true,
+        isCPM: false,
+      }
+      ),
+      setting: {
+        type: 'margin',
+      },
+      hidden: !statusShow({ data, key: 'outMarginStatus', fields: ['outMargin'], gValue }),
+      inline: false,
+    },
+    { ele: 'group_end' },
+    {
+      label: '专题行间距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'mainEventSpacingStatus',
+      value: statusDataVal({ data, key: 'mainEventSpacingStatus', fields: ['mainEventSpacing'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "mainEventSpacing",
+      value: dataVal({ data, key: 'mainEventSpacing', dValue: 16, gValue }),
+      className: "input80",
+      labelInline: true,
+      hidden: !statusShow({ data, key: 'mainEventSpacingStatus', fields: ['mainEventSpacing'], gValue }),
+      setting: {
+        min: 0,//最小值
+        max: 60, //最小值
+        step: 1, //步长
+        showStops: false,//显示间断点
+        showInput: false,//显示输入框
+      }
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '内容区',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '内容区背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listBgColorStatus',
+      value: statusDataVal({ data, key: 'listBgColorStatus', fields: ['listBgColor'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-color',
+      groupKey: 'style',
+      valueKey: 'listBgColor',
+      value: dataVal({ data, key: 'listBgColor', dValue: null, gValue }),
+      hidden: !statusShow({ data, key: 'listBgColorStatus', fields: ['listBgColor'], gValue }),
+      placeholder: '请选择背景颜色',
+      labelInline: true,
+      classNmae: 'input80',
+    },
+    { ele: 'group_end' },
+    {
+      label: '内容区边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemMarginStatus',
+      value: statusDataVal({ data, key: 'itemMarginStatus', fields: ['itemMargin'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'itemMargin',
+      value: dataVal({
+        data,
+        key: 'itemMargin',
+        dValue: { top: 16, right: 0, bottom: 0, left: 0 },
+        gValue,
+        isPM: true,
+        isCPM: false,
+      }
+      ),
+      setting: {
+        type: 'margin',
+      },
+      hidden: !statusShow({ data, key: 'itemMarginStatus', fields: ['itemMargin'], gValue }),
+      inline: false,
+      notice: '边距设置，单位：<span style="color: red">像素</span>。默认值：<span style="color: red">0</span> 像素',
+    },
+    { ele: 'group_end' },
+    {
+      label: '内容区圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listRadiusStatus',
+      value: statusDataVal({ data, key: 'listRadiusStatus', fields: ['listRadius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: 'xd-site-select-list',
+      valueKey: 'listRadius',
+      groupKey: 'style',
+      value: dataVal({
+        data,
+        key: 'listRadius',
+        dValue: 16,
+        gValue,
+      }),
+      labelInline: true,
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      hidden: !statusShow({ data, key: 'listRadiusStatus', fields: ['listRadius'], gValue }),
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            })
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '标题栏',
+      size: 'small',
+      groupKey: 'style',
+      hidden: data['is_title']==='N',
+    },
+    {
+      label: '标题文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleStyleStatus',
+      value: statusDataVal({ data, key: 'titleStyleStatus', fields: ['titleStyle'], gValue }),
+      labelInline: true,
+      hidden: data['is_title'] === 'N',
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey: 'style',
+      valueKey: 'titleStyle',
+      value: dataVal({ data, key: 'titleStyle', dValue: {}, gValue }),
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'titleStyleStatus', fields: ['titleStyle'], gValue }),
+      setting: {
+        fontSize: true,
+        weight: true,
+        bgColor: true,
+        selected: false,
+        default: {
+          color:  '#333',
+          fontSize: '28rpx',
+          fontWeight: '500',
+          bgColor: 'rgba(255, 255, 255, 0)'
+        },
+        isBorder: 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-upload',
+      labelInline: true,
+      valueKey: 'titleBg',
+      value: dataVal({
+        data,
+        key: 'titleBg',
+        dValue: null,
+        gValue,
+      }),
+      defaultValue: dataVal({
+        data,
+        key: 'titleBg',
+        dValue: null,
+        gValue,
+      }),
+      slot: true,
+      tipsformet: '上传文件格式：@imageType@，不超过@size@MB.，建议宽度为：<span style="color:red">750</span>像素',
+      type: ['jpg', 'png', 'jpeg'],
+      styleType: 'one',
+      uploadType: 'aliyun',
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'titleStyleStatus', fields: ['titleBg'], gValue }),
+      oneWidth: 120,
+      oneHeight: 120,
+      size: 5,
+      action: 'aliyun',
+      groupKey: 'style',
+    },
+    { ele: 'group_end' },
+    {
+      label: '标题边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titlePaddingStatus',
+      value: statusDataVal({ data, key: 'titlePaddingStatus', fields: ['titlePadding'], gValue }),
+      labelInline: true,
+      hidden: data['is_title'] === 'N',
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'titlePadding',
+      value: dataVal({ data, key: 'titlePadding', dValue: 32, gValue, isPM: true }),
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'titlePaddingStatus', fields: ['titlePadding'], gValue }),
+      setting: {
+        type: 'padding',
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '标题描边',
+      ele: 'xd-border',
+      groupKey: 'style',
+      valueKey: 'titleBorder',
+      labelInline: true,
+      className: 'input100',
+      value: titleBorder,
+      hidden: data['is_title'] === 'N',
+      setting: {
+        selected: titleBorder.type,
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+      },
+    },
+    {
+      label: '标题投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'titleShadow',
+      value: titleShadow,
+      className: 'input100',
+      hidden: data['is_title'] === 'N',
+      setting: {
+        selected: titleShadow.type,//设置默认选中项
+        isRadio: true,//启用editx默认
+        isDef: true,//启动默认选项
+        //设置默认值
+        default: {
+          color: 'rgba(0,0,0,.05)',
+          width: '10',
+        }
+      },
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: '标题圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleRradiusStatus',
+      hidden: data['is_title'] === 'N',
+      value: statusDataVal({ data, key: 'titleRradiusStatus', fields: ['titleRradius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: 'xd-site-select-list',
+      valueKey: 'titleRradius',
+      groupKey: 'style',
+      value: dataVal({
+        data,
+        key: 'titleRradius',
+        dValue: '16',
+        gValue,
+      }),
+      labelInline: true,
+      placeholder: '请选择标题圆角设置',
+      multiple: false,
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'titleRradiusStatus', fields: ['titleRradius'], gValue }),
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            })
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '查看更多',
+      size: 'small',
+      groupKey: 'style',
+      hidden: data['is_title'] === 'N',
+    },
+    {
+      label: '更多文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'moreStyleStatus',
+      value: statusDataVal({ data, key: 'moreStyleStatus', fields: ['moreStyle'], gValue }),
+      labelInline: true,
+      hidden: data['is_title'] === 'N',
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey: 'style',
+      valueKey: 'moreStyle',
+      value: dataVal({ data, key: 'moreStyle', dValue: {}, gValue }),
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'moreStyleStatus', fields: ['moreStyle'], gValue }),
+      setting: {
+        fontSize: true,
+        weight: true,
+        bgColor: true,
+        selected: false,
+        default: {
+          color: gColor.mainColor,
+          fontSize: '24rpx',
+          fontWeight: '400',
+          bgColor: moreBackgeound
+        },
+        isBorder: 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: 'group_end' },
+    {
+      label: '更多描边',
+      ele: 'xd-border',
+      groupKey: 'style',
+      valueKey: 'moreBorder',
+      labelInline: true,
+      className: 'input100',
+      value: moreBorder,
+      hidden: data['is_title'] === 'N',
+      setting: {
+        selected: moreBorder.type,
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+      },
+    },
+    {
+      label: '更多投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'moreShadow',
+      value: moreShadow,
+      className: 'input100',
+      hidden: data['is_title'] === 'N',
+      setting: {
+        selected: moreShadow.type,//设置默认选中项
+        isRadio: true,//启用editx默认
+        isDef: true,//启动默认选项
+        //设置默认值
+        default: {
+          color: 'rgba(0,0,0,.05)',
+          width: '10',
+        }
+      },
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: '更多圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'moreRradiusStatus',
+      value: statusDataVal({ data, key: 'moreRradiusStatus', fields: ['moreRradius'], gValue }),
+      labelInline: true,
+      hidden: data['is_title'] === 'N',
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: 'xd-site-select-list',
+      valueKey: 'moreRradius',
+      groupKey: 'style',
+      value: dataVal({
+        data,
+        key: 'moreRradius',
+        dValue: '40',
+        gValue,
+      }),
+      labelInline: true,
+      placeholder: '请选择更多圆角设置',
+      multiple: false,
+      hidden: data['is_title'] === 'N'||!statusShow({ data, key: 'moreRradiusStatus', fields: ['moreRradius'], gValue }),
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            })
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '专题Banner设置',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: 'Banner圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bannerRradiusStatus',
+      value: statusDataVal({ data, key: 'bannerRradiusStatus', fields: ['bannerRradius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "",
+      ele: 'xd-site-select-list',
+      valueKey: 'bannerRradius',
+      groupKey: 'style',
+      value: dataVal({
+        data,
+        key: 'bannerRradius',
+        dValue: '16',
+        gValue,
+      }),
+      labelInline: true,
+      placeholder: '请选择Banner圆角设置',
+      multiple: false,
+      hidden: !statusShow({ data, key: 'bannerRradiusStatus', fields: ['bannerRradius'], gValue }),
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            })
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: 'Banner边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bannerPaddingStatus',
+      value: statusDataVal({ data, key: 'bannerPaddingStatus', fields: ['bannerPadding'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'bannerPadding',
+      value: dataVal({ data, key: 'bannerPadding', dValue: {top:16,right:0,bottom:0,left:0}, gValue, isPM: true }),
+      hidden: !statusShow({ data, key: 'bannerPaddingStatus', fields: ['bannerPadding'], gValue }),
+      setting: {
+        type: 'padding',
+      },
+    },
+    { ele: 'group_end' },
+    {
+      ele: 'title',
+      label: '商品样式',
+      size: 'small',
+      groupKey: 'style',
+    },
+    {
+      label: '商品名称',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemStyleStatus',
+      value: statusDataVal({ data, key: 'itemStyleStatus', fields: ['itemStyle', 'itemSpacing'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey: 'style',
+      valueKey: 'itemStyle',
+      value: dataVal({ data, key: 'itemStyle', dValue: {}, gValue }),
+      hidden: !statusShow({ data, key: 'itemStyleStatus', fields: ['itemSpacing', 'itemStyle'], gValue }),
+      setting: {
+        fontSize: false,
+        weight: true,
+        bgColor: false,
+        selected: false,
+        default: {
+          color: '#333',
+          fontWeight: 'normal',
+        },
+        isBorder: 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: 'el-input',
+      type: 'number',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'itemSpacing',
+      value: dataVal({ data, key: 'itemSpacing', dValue: 16, gValue }),
+      hidden: !statusShow({ data, key: 'itemStyleStatus', fields: ['itemSpacing', 'itemStyle'], gValue }),
+      inline: false,
+      append: 'px',
+      className: 'input60',
+    },
+    { ele: 'group_end' },
+    {
+      label: '品牌样式',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemBrandStatus',
+      value: statusDataVal({ data, key: 'itemBrandStatus', fields: ['itemBrandColor', 'itemBrandBgColor'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-color',
+      labelInline: true,
+      valueKey: 'itemBrandColor',
+      value: dataVal({ data, key: 'itemBrandColor', dValue: '#999', gValue }),
+      hidden: !statusShow({ data, key: 'itemBrandStatus', fields: ['itemBrandColor', 'itemBrandBgColor'], gValue }),
+      placeholder: '请选择文字颜色',
+      className: 'input80',
+      groupKey: 'style',
+      setting: {
+        showAlpha: true
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '商品背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemBgColorStatus',
+      value: statusDataVal({
+        data,
+        key: 'itemBgColorStatus',
+        fields: ['itemBgColor'],
+        gValue,
+        cusField: ['productStyle']
+      }),
+      disabled: productDisabled,
+      isRefresh: productDisabled,
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'itemBgColor',
+      labelInline: true,
+      value: dataVal({
+        data,
+        key: 'itemBgColor',
+        dValue: [getCustomAttr(data['productStyle'], 'backgroundColor'), '#fff'],
+        gValue,
+      }),
+      hidden: !statusShow({ data, key: 'itemBgColorStatus', fields: ['itemBgColor'], gValue }),
+      disabled: productDisabled,
+      isRefresh: productDisabled,
+      placeholder: '请选择背景颜色',
+      className: 'input80',
+      groupKey: 'style',
+      setting: {
+        showAlpha: true
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '商品描边',
+      ele: 'xd-border',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'itemBorder',
+      value: defItemBorder,
+      disabled: productDisabled,
+      isRefresh: productDisabled,
+      setting: {
+        selected: defItemBorder.type,
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+        //==设置默认值==
+        color: '#e5e5e5',
+        width: '0',
+        style: 'solid'
+        //==设置默认值==
+      },
+    },
+    {
+      label: '商品圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemRadiusStatus',
+      value: statusDataVal({ data, key: 'itemRadiusStatus', cValue: 'N', fields: ['itemRadius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'itemRadius',
+      value: dataVal({ data, key: 'itemRadius', dValue: 16, gValue }),
+      hidden: !statusShow({ data, key: 'itemRadiusStatus', fields: ['itemRadius'], gValue }),
+      placeholder: '请选择商品是否设置圆角',
+      multiple: false,
+      className: 'input80',
+      groupKey: 'style',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({
+          setting_id: 'edtix_style_radius',
+          key: Date.now()
+        })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '商品图圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemImageRadiusStatus',
+      value: statusDataVal({ data, key: 'itemImageRadiusStatus', fields: ['itemImageRadius'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '无圆角', value: 'N' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-site-select-list',
+      valueKey: 'itemImageRadius',
+      labelInline: true,
+      groupKey: 'style',
+      placeholder: '请选择商品图圆角是否设置圆角',
+      multiple: false,
+      className: 'input80',
+      value: dataVal({ data, key: 'itemImageRadius', dValue: '8', gValue }),
+      hidden: !statusShow({ data, key: 'itemImageRadiusStatus', fields: ['itemImageRadius'], gValue }),
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    { ele: 'group_end' },
+    {
+      label: '商品投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey: 'style',
+      valueKey: 'itemShadow',
+      value: defItemShadow,
+      className: 'input100',
+      setting: {
+        selected: defItemShadow.type,
+        isRadio: true,
+        isDef: true,
+        default: {
+          color: 'rgba(0,0,0,.05)',
+          width: '10',
+        }
+      },
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            res.list = res.list.filter(item => {
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: '商品间距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'columnRowStatus',
+      value: statusDataVal({ data, key: 'columnRowStatus', fields: ['columnMainSpacing', 'rowMainSpacing'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: "列间距",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "columnMainSpacing",
+      value: dataVal({ data, key: 'columnMainSpacing', dValue: 16, gValue }),
+      className: "input100",
+      labelInline: true,
+      hidden: !statusShow({ data, key: 'columnRowStatus', fields: ['columnMainSpacing', 'rowMainSpacing'], gValue }),
+      setting: {
+        min: 0,//最小值
+        max: 60, //最小值
+        step: 1, //步长
+        showStops: false,//显示间断点
+        showInput: false,//显示输入框
+      }
+    },
+    {
+      label: "行间距",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "rowMainSpacing",
+      value: dataVal({ data, key: 'rowMainSpacing', dValue: 16, gValue }),
+      className: "input100",
+      labelInline: true,
+      hidden: !statusShow({ data, key: 'columnRowStatus', fields: ['columnMainSpacing', 'rowMainSpacing'], gValue }),
+      setting: {
+        min: 0,//最小值
+        max: 60, //最小值
+        step: 1, //步长
+        showStops: false,//显示间断点
+        showInput: false,//显示输入框
+      }
+    },
+    { ele: 'group_end' },
+    {
+      label: '商品留白',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'itemPaddingStatus',
+      value: statusDataVal({ data, key: 'itemPaddingStatus', fields: ['itemPadding'], gValue }),
+      labelInline: true,
+      list: [
+        { label: '默认', value: 'D' },
+        { label: '自定义', value: 'C' },
+      ]
+    },
+    { ele: 'group_start' },
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey: 'style',
+      valueKey: 'itemPadding',
+      value: dataVal({ data, key: 'itemPadding', dValue: 16, gValue, isPM: true }),
+      hidden: !statusShow({ data, key: 'itemPaddingStatus', fields: ['itemPadding'], gValue }),
+      setting: {
+        type: 'padding',
+      },
+    },
+    { ele: 'group_end' },
+  ].filter(i => i);
+}