jufubao-mall 2.0.33 → 2.0.35-beta1

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

@@ -0,0 +1,628 @@
+'use strict';
+
+import {
+  dataVal,
+  statusShow,
+  statusDataVal,
+  customVal,
+  cusDisabled,
+  getCustomAttr,
+  oldTonNewBorAndSha,
+  cRaBorShadow,
+  isDefStatus
+} from "@/utils/AttrTools";
+const Color = require('color');
+
+export default function (data={},gValue={},gColor={},oldData) {
+  console.log("confirm data", data)
+  console.log("confirm data", statusDataVal({data, key:'btnStyleStatus', fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText'], gValue}))
+  // console.log("statusDataVal({data, key:'blockShadowStatus', dValue: 'D', gValue}),", statusDataVal({data, key:'blockShadowStatus', dValue: 'D', gValue}));
+  // console.log("statusShow({data, key: 'blockShadowStatus', dValue: 'D', gValue})", statusShow({data, key: 'blockShadowStatus', dValue: 'D', gValue}), data)
+  //是否新版本, 如是旧版本，则区块高度乘以2（老版本用的px， 新版本统一rpx, 故乘以2）
+  let isNewVersion = isDefStatus(data, gValue);
+  var sectionHeight;
+  if(!isNewVersion){
+    sectionHeight = dataVal({data, key:'sectionHeight', dValue: "8", gValue});
+    sectionHeight = sectionHeight * 2;
+    data['sectionHeight'] = sectionHeight;
+  }else{
+    sectionHeight = dataVal({data, key:'sectionHeight', dValue: "16", gValue});
+    data['sectionHeight'] = sectionHeight;
+  }
+  let isContDisabled = cusDisabled({
+    data,
+    key: 'cont_style',
+    fields: { sectionHeightStatus: ['sectionHeight'], lrPaddingStatus: ['lrPadding'] },
+    gValue
+  });
+  let isAddrDisabled = cusDisabled({
+    data,
+    key: 'addr_style',
+    fields: { addrLrPaddingStatus: ['addrLrPadding'] },
+    gValue
+  });
+
+  return [
+    {
+      ele: 'title',
+      label: '常规',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '外边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'bodyPaddingStatus',
+      value: statusDataVal({data, key:'bodyPaddingStatus', dValue: 'D', gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'bodyPadding',
+      hidden: statusShow({data, key: 'bodyPaddingStatus', dValue: 'D', gValue}),  //隐藏自定义外边距
+      value: dataVal({
+        data,
+        key:'bodyPadding',
+        dValue:[0],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: "行间距",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "sectionHeightStatus",
+      value: statusDataVal({data, key:'sectionHeightStatus', fields:['sectionHeight'], gValue, cusField:['cont_style']}),
+      disabled: isContDisabled,
+      isRefresh: isContDisabled,
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {
+      ele: "group_start"
+    },
+    {
+      label: "",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "sectionHeight",
+      value: dataVal({data, key:'sectionHeight', dValue: sectionHeight, gValue}),
+      hidden: !statusShow({data, key: 'sectionHeightStatus', fields:['sectionHeight'], gValue}),
+      className: "input100",
+      labelInline: true,
+      setting:{
+        min: 0,
+        max: 100,
+        step:1,
+        showStops:false,
+        showInput:false,
+      }
+    },
+    {ele: 'group_end'},
+
+    {
+      ele: 'title',
+      label: '内容区',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '两侧边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'lrPaddingStatus',
+      value: statusDataVal({data, key:'lrPaddingStatus', dValue: 'D', gValue, cusField:['cont_style']}),
+      disabled: isContDisabled,
+      isRefresh: isContDisabled,
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'lrPadding',
+      hidden: statusShow({data, key: 'lrPaddingStatus', dValue: 'D', gValue}),  //隐藏自定义外边距
+      value: dataVal({
+        data,
+        key:'lrPadding',
+        dValue:[0],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+        top: false,
+        bottom: false,
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'radiusStatus',
+      value: statusDataVal({data, key:'radiusStatus', dValue: 'D', 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: 'radius',
+      value: dataVal({data, key:'radius', dValue:'10', gValue}),
+      hidden: !statusShow({data, key: 'radiusStatus', dValue: 'C', 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: "blockShadowStatus",
+      value: statusDataVal({data, key:'blockShadowStatus', dValue: 'D', gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '无投影', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'blockShadow',
+      value: dataVal({data, key:'blockShadow', dValue: '', gValue}),
+      hidden: !statusShow({data, key: 'blockShadowStatus', dValue: 'C', gValue}),
+      className: 'input100',
+      setting: {
+        isCloseType: true, //关闭type选项
+        //设置默认值
+        default: ''
+      },
+      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([])
+          });
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      ele: 'title',
+      label: '收货地址',
+      size: 'small',
+      groupKey:'style',
+    },
+
+    {
+      label: "两侧边距",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "addrLrPaddingStatus",
+      value: statusDataVal({data, key:'addrLrPaddingStatus', dValue: 'D', gValue, cusField:['addr_style']}),
+      disabled: isAddrDisabled,
+      isRefresh: isAddrDisabled,
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+     {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'addrLrPadding',
+      hidden: statusShow({data, key: 'addrLrPaddingStatus', dValue: 'D', gValue}),  //隐藏自定义外边距
+      value: dataVal({
+        data,
+        key:'addrLrPadding',
+        dValue:[0],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+        top: false,
+        bottom: false,
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: "圆角",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "addrRadiusStatus",
+      value: statusDataVal({data, key:'addrRadiusStatus', dValue: 'D', 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: 'addrRadius',
+      value: dataVal({data, key:'addrRadius', dValue:'10', gValue}),
+      hidden: !statusShow({data, key: 'addrRadiusStatus', dValue: 'C', 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: "addrShadowStatus",
+      value: statusDataVal({data, key:'addrShadowStatus', dValue: 'D', gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '隐藏', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'addrShadow',
+      value: dataVal({data, key:'addrShadow', dValue:{}, gValue}),
+      hidden: !statusShow({data, key: 'addrShadowStatus', dValue: 'C', gValue}),
+      className: 'input100',
+      setting: {
+        isCloseType: true, //关闭type选项
+        //设置默认值
+        default: ''
+      },
+      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([])
+          });
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      ele: 'title',
+      label: '底部按钮区域',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: "内边距",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "bottomPaddingStatus",
+      value: statusDataVal({data, key:'bottomPaddingStatus', fields: ['bottomPadding'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'bottomPadding',
+      hidden: !statusShow({data, key: 'bottomPaddingStatus', fields: ['bottomPadding'], gValue}),  //隐藏自定义外边距
+      value: dataVal({
+        data,
+        key:'bottomPadding',
+        dValue:[16],
+        gValue,
+        isPM: true,
+        isCPM: true,
+      }),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: "按钮样式",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "btnStyleStatus",
+      value: statusDataVal({data, key:'btnStyleStatus', fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: "group_start"},
+    {
+      label: "圆角",
+      ele: 'xd-site-select-list',
+      valueKey: 'bottomBtnRadius',
+      groupKey:'style',
+      value: dataVal({data, key:'bottomBtnRadius', dValue: '40', gValue}),
+      hidden: !statusShow({data, key: 'btnStyleStatus', fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText'], gValue}),
+      placeholder: '请选择内容圆角设置',
+      labelInline: true,
+      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: 'el-input',
+      type: 'number',
+      valueKey: 'bottomBtnHeight',
+      groupKey:'style',
+      value: dataVal({data, key:'bottomBtnHeight', dValue: 60, gValue}),
+      hidden: !statusShow({data, key: 'btnStyleStatus', fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText'], gValue}),
+      labelInline: true,
+      append: 'px',
+      placeholder: '请输入操作按钮高度',
+      className: 'input80',
+    },
+    {
+      label: '文字',
+      ele: "el-input",
+      valueKey: 'bottomPayText',
+      groupKey:'style',
+      value: dataVal({data, key:'bottomPayText', dValue: '', gValue}),
+      hidden: !statusShow({data, key: 'btnStyleStatus', fields: ['bottomBtnRadius', 'bottomBtnHeight', 'bottomPayText'], gValue}),
+      labelInline: true,
+      placeholder: '支付按钮文字，默认“支付”',
+      className: 'input80',
+    },
+    {ele: "group_end"},
+
+    {
+      label: "价格样式",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "btnPriceStatus",
+      value: statusDataVal({data, key:'btnPriceStatus', fields: ['bottomPricePosition'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: "group_start"},
+    {
+      label: "位置",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "bottomPricePosition",
+      value: dataVal({data, key:'bottomPricePosition', dValue: 'flex-start', gValue}),
+      hidden: !statusShow({data, key: 'btnPriceStatus', fields: ['bottomPricePosition'], gValue}),
+      labelInline: true,
+      list: [
+        {label: "左侧", value: "flex-start"},
+        {label: "右侧", value: "flex-end"},
+        {label: "中间", value: "center"}
+      ],
+    },
+    {ele: "group_end"},
+
+    {
+      ele: 'title',
+      label: '其它配置',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: "品牌文字",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "brandTextStatus",
+      value: statusDataVal({data, key:'brandTextStatus', fields: ['brandTextColor'], gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: "group_start"},
+    {
+      label: '颜色',
+      ele: 'xd-color',
+      valueKey: 'brandTextColor',
+      groupKey:'style',
+      value: dataVal({data, key:'brandTextColor', dValue: null, gValue}),
+      hidden: !statusShow({data, key: 'brandTextStatus', fields: ['brandTextColor'], gValue}),
+      labelInline: true,
+      placeholder: '请选择品牌文字颜色',
+      className: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: "group_end"},
+
+    {
+      label: "活动价提示",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "activityPriceStatus",
+      value: statusDataVal({data, key:'activityPriceStatus', fields: ['priceTextColor'], gValue}),
+      labelInline:true,
+      inline: false,
+      notice: "活动价格提示文字样式",
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: "group_start"},
+    {
+      label: '颜色',
+      ele: 'xd-color',
+      valueKey: 'priceTextColor',
+      groupKey:'style',
+      value: dataVal({data, key:'priceTextColor', dValue: null, gValue}),
+      hidden: !statusShow({data, key: 'activityPriceStatus', fields: ['priceTextColor'], gValue}),
+      labelInline: true,
+      placeholder: '活动价提示文字颜色',
+      className: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: "group_end"},
+
+    {
+      label: "表单提示",
+      ele: "xd-radio",
+      groupKey: "style",
+      valueKey: "formTipStatus",
+      value: statusDataVal({data, key:'formTipStatus', fields: ['blessTextColor', 'blessFontSize'], gValue}),
+      labelInline:true,
+      inline: false,
+      notice: "自定义表单提示文字样式",
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: "group_start"},
+    {
+      label: "大小",
+      ele: 'xd-site-select-list',
+      valueKey: 'blessFontSize',
+      groupKey:'style',
+      value: dataVal({data, key:'blessFontSize', dValue: '24', gValue}),
+      hidden: !statusShow({data, key: 'formTipStatus', fields: ['blessTextColor', 'blessFontSize'], gValue}),
+      placeholder: '请选择字体大小',
+      labelInline: true,
+      multiple: false,
+      className: 'input80',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: '颜色',
+      ele: 'xd-color',
+      valueKey: 'blessTextColor',
+      groupKey:'style',
+      value: dataVal({data, key:'blessTextColor', dValue: null, gValue}),
+      hidden: !statusShow({data, key: 'formTipStatus', fields: ['blessTextColor', 'blessFontSize'], gValue}),
+      labelInline: true,
+      placeholder: '表单提示文字颜色',
+      className: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: "group_end"},
+  ]
+}