jufubao-mall 2.0.21 → 2.0.23-beta1

package/src/components/JfbMallProductList/cusAttr/icon.js

@@ -0,0 +1,298 @@
+'use strict';
+
+import {cRaBorShadow, dataVal, statusDataVal, statusShow} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData)=>{
+  let level2NameStatus = statusDataVal({data, key:'level2NameStatus', fields:['level2Name','level2Color'],gValue});
+  let level2Name = {
+    fontSize: '24',
+    actFontSize: '24',
+    color: '#333',
+    actColor: gColor.mainColor,
+    bgColor:'',
+    actBgColor:'',
+    fontWeight: 'normal',
+    actFontWeight: 'normal',
+    borderStyle:'solid',
+    borderColor: 'rgba(0,0,0,0)',
+    borderWidth: 0,
+    borderActStyle:'solid',
+    borderActColor: 'rgba(0,0,0,0)',
+    borderActWidth: 0,
+  }
+  // if(data['subTitleIconBorder'] !== undefined && data['subTitleIconBorder']['type'] === 'Y') {
+  //   const value = data['subTitleIconBorder'].value;
+  //   if(value.style) level2Name['borderStyle'] = value.style
+  //   if(value.color) level2Name['borderColor'] = value.color
+  //   if(value.width !== undefined) level2Name['borderWidth'] = value.width
+  //   if(value.style) level2Name['borderActStyle'] = value.style
+  //   if(value.color) level2Name['borderActColor'] = value.color
+  //   if(value.width !== undefined) level2Name['borderActWidth'] = value.width
+  //   data['subTitleIconBorder']['type'] = 'N'
+  //   data['subTitleIconBorder']['value'] = {}
+  // }
+  let subTitleIconBorder = cRaBorShadow(data , 'subTitleIconBorder',{dValue:'D'}, gValue)
+  let disabled = !['v1','v2', 'v3', 'v4'].includes(data['category']);
+
+  return [
+    {
+      ele: 'title',
+      label: '分类-图标区样式',
+      size: 'small',
+      groupKey:'style',
+      hidden: disabled,
+    },
+
+    {
+      label: '导航背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'level2BgcColorStatus',
+      value: statusDataVal({data, key:'level2BgcColorStatus', fields:['level2BgcColor'],gValue}),
+      labelInline:true,
+      hidden: disabled,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'level2BgcColor',
+      groupKey:'style',
+      value: dataVal({data, key:'level2BgcColor', dValue:gValue.isAdd && gValue.isFirst?'#fff':'#f8f8f8', gValue}),
+      hidden: !statusShow({data, key: 'level2BgcColorStatus', fields:['level2BgcColor'], gValue}) || disabled,
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '选中图描边',
+      ele: 'xd-border',
+      groupKey:'style',
+      valueKey: 'subTitleIconBorder',
+      value: subTitleIconBorder,
+      labelInline: true,
+      className: 'input100',
+      setting: {
+        selected: subTitleIconBorder.type,//设置默认选中项
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+        //==设置默认值==
+        color: gColor.mainColor,
+        width: '2',
+        style: 'solid'
+        //==设置默认值==
+      },
+    },
+    {
+      label: '图标圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'subTitleRadiusStatus',
+      value: statusDataVal({data, key:'subTitleRadiusStatus', fields:['subTitleRadius'],gValue}),
+      labelInline:true,
+      hidden: disabled,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '无圆角', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-site-select-list',
+      labelInline: true,
+      valueKey: 'subTitleRadius',
+      value: dataVal({data, key:'subTitleRadius', dValue:'40rpx', gValue}),
+      hidden: !statusShow({data, key: 'subTitleRadiusStatus', fields:['subTitleRadius'], gValue}) || disabled,
+      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',
+                }
+              })
+              .filter(item=>{
+                return item.label !== '无'
+              })
+              .concat([{label:'圆角',value: '50%'}]);
+            data.cb(list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '图标大小',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'iconWdithStatus',
+      value: statusDataVal({data, key:'iconWdithStatus', fields:['iconWdith'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: "",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "iconWdith",
+      value: dataVal({data, key:'iconWdith', dValue:96, gValue}),
+      hidden: !statusShow({data, key: 'iconWdithStatus', fields:['iconWdith'], gValue}),
+      className: "input80",
+      labelInline: true,
+      setting:{
+        min: 50,//最小值
+        max: 96, //最小值
+        step:1, //步长
+        showStops:false,//显示间断点
+        showInput:false,//显示输入框
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '图标间距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'iconImageSpStatus',
+      value: statusDataVal({data, key:'iconImageSpStatus', fields:['iconImageSp'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: "",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "iconImageSp",
+      value: dataVal({data, key:'iconImageSp', dValue:16, gValue}),
+      hidden: !statusShow({data, key: 'iconImageSpStatus', fields:['iconImageSp'], gValue}),
+      className: "input80",
+      labelInline: true,
+      setting:{
+        min: 1,//最小值
+        max: 64, //最小值
+        step:1, //步长
+        showStops:false,//显示间断点
+        showInput:false,//显示输入框
+      },
+    },
+    {ele: 'group_end'},
+    {
+      label: '图标背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'iconBgColorStatus',
+      value: statusDataVal({data, key:'iconBgColorStatus', fields:['iconBgColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'iconBgColor',
+      groupKey:'style',
+      value: dataVal({data, key:'iconBgColor', dValue:'#f8f8f8', gValue}),
+      hidden: !statusShow({data, key: 'iconBgColorStatus', fields:['iconBgColor'], gValue}),
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '名称样式',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'level2NameStatus',
+      value: level2NameStatus,
+      labelInline:true,
+      hidden: disabled,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'level2Name',
+      value:  dataVal({data, key:'level2Name', dValue:'{}', gValue}),
+      hidden: !statusShow({data, key: 'level2NameStatus', fields:['level2Name','level2Color'], gValue}) || disabled,
+      setting: {
+        fontSize: true,
+        weight:false,
+        bgColor:true,
+        selected:true,
+        isBorder:false,
+        default: level2Name
+      },
+      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-color',
+      valueKey: 'level2Color',
+      value: data['level2Color'] || '',
+      placeholder: '请选择二级导航文字颜色',
+      classNmae: 'input80',
+      groupKey:'style',
+      hidden: true
+    },
+
+    {
+      label: '上边框设置:',
+      ele: 'xd-border',
+      groupKey:'style',
+      valueKey: 'subTitleBorder',
+      value: data['subTitleBorder'] || '',
+      setting: {
+        selected:'N',
+      },
+      hidden: true
+    },
+  ].filter(i=>i)
+}

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

@@ -0,0 +1,91 @@
+'use strict';
+
+import {
+  dataVal ,
+  statusShow,
+  statusDataVal,
+  customVal,
+  cusDisabled ,
+  getCustomAttr,
+} from "@/utils/AttrTools";
+
+import font from "./font";
+import icon from "./icon";
+import filter from './filter';
+import productStyle from "@/utils/Attr/productStyle";
+
+export default function (data, gValue, gColor, oldData) {
+  return [
+    {
+      ele: 'title',
+      label: '内容区',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '内容区背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'contentColorStatus',
+      value: statusDataVal({data, key:'contentColorStatus', fields:['contentColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      groupKey:'style',
+      valueKey: 'contentColor',
+      value: dataVal({data, key:'contentColor', dValue:gValue.isAdd && gValue.isFirst ? '#f8f8f8': '#fafafa', gValue}),
+      hidden: !statusShow({data, key: 'contentColorStatus', fields:['contentColor'], gValue}),
+      placeholder: '请选择背景颜色',
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '内容区边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'listPaddingStatus',
+      value: statusDataVal({data, key:'listPaddingStatus', fields:['listPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'listPadding',
+      value: dataVal({
+        data,
+        key:'listPadding',
+        dValue:(gValue.isAdd && gValue.isFirst? ({top:16, left:16, right:16,bottom:0}) : 20),
+        gValue,
+        isPM: true,
+      }),
+      hidden: !statusShow({data, key: 'listPaddingStatus', fields:['listPadding'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    ...font(data, gValue, gColor, oldData),
+    ...icon(data, gValue, gColor, oldData),
+    ...filter(data, gValue, gColor, oldData),
+    ...productStyle(data, gValue, gColor, oldData, 'list')
+  ]
+}
+