jufubao-mall 2.0.21 → 2.0.23-beta1

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

@@ -0,0 +1,333 @@
+'use strict';
+
+import {cRaBorShadow, dataVal, statusDataVal, statusShow} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData)=>{
+  let filterTopBorder = cRaBorShadow(data , 'filterTopBorder',{dValue:'D'}, gValue)
+  let filterBgcColor = '#fff';
+  if(gValue.isAdd && gValue.isFirst) {
+    if(data['category'] === 'v4') filterBgcColor = '#f8f8f8';
+  }
+  return [
+    {
+      ele: 'title',
+      label: '筛选项样式',
+      size: 'small',
+      groupKey:'style',
+    },
+
+    {
+      ele:'xd-line-title',
+      groupKey:'style',
+      label: '横向菜单'
+    },
+    {
+      label: '上边框',
+      ele: 'xd-border',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'filterTopBorder',
+      value: filterTopBorder,
+      className: 'input100',
+      setting: {
+        selected: filterTopBorder.type,//设置默认选中项
+        isRadio:true,//启用editx默认
+        isDef: true,//启动默认选项
+        //设置默认值
+        default: {
+          color: '#f8f8f8',
+          width: '2',
+          type: 'solid'
+        }
+      },
+      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: 'filterBgcColorStatus',
+      value: statusDataVal({data, key:'filterBgcColorStatus', fields:['filterBgcColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'filterBgcColor',
+      groupKey:'style',
+      value: dataVal({data, key:'filterBgcColor', dValue:filterBgcColor, gValue}),
+      hidden: !statusShow({data, key: 'filterBgcColorStatus', fields:['filterBgcColor'], gValue}),
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '选项颜色',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterColorStatus',
+      value: statusDataVal({data, key:'filterColorStatus', fields:['filterColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'filterColor',
+      groupKey:'style',
+      value: dataVal({data, key:'filterColor', dValue:'#333', gValue}),
+      hidden: !statusShow({data, key: 'filterColorStatus', fields:['filterColor'], gValue}),
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterPaddingStatus',
+      value: statusDataVal({data, key:'filterPaddingStatus', fields:['filterPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'filterPadding',
+      value: dataVal({
+        data,
+        key:'filterPadding',
+        dValue:16,
+        gValue,
+        isPM: true,
+      }),
+      hidden: !statusShow({data, key: 'filterPaddingStatus', fields:['filterPadding'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      ele:'xd-line-title',
+      groupKey:'style',
+      label: '下拉菜单'
+    },
+
+    {
+      label: '行间距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterRowSpacingStatus',
+      value: statusDataVal({data, key:'filterRowSpacingStatus', fields:['filterRowSpacing'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: "行间距",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "filterRowSpacing",
+      value: dataVal({data, key:'filterRowSpacing', dValue:gValue.isFirst && gValue.isAdd ? 16: 20, gValue}),
+      hidden: !statusShow({data, key: 'filterRowSpacingStatus', fields:['filterRowSpacing'], gValue}),
+      className: "input80",
+      labelInline: true,
+      setting:{
+        min: 0,
+        max: 60,
+        step:1,
+        showStops:false,
+        showInput:false,
+      }
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '背景颜色',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterListColorStatus',
+      value: statusDataVal({data, key:'filterListColorStatus', fields:['filterListColor'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'filterListColor',
+      groupKey:'style',
+      value: dataVal({data, key:'filterListColor', dValue:gValue.isAdd && gValue.isFirst ? '#fff':'#f8f8f8', gValue}),
+      hidden: !statusShow({data, key: 'filterListColorStatus', fields:['filterListColor'], gValue}),
+      classNmae: 'input80',
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+
+    {
+      label: '圆角',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterListRadiusStatus',
+      value: statusDataVal({data, key:'filterListRadiusStatus', fields:['filterListRadius'],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: 'filterListRadius',
+      value: dataVal({data, key:'filterListRadius', dValue:gValue.isAdd && gValue.isFirst?'10':'60', gValue}),
+      hidden: !statusShow({data, key: 'filterListRadiusStatus', fields:['filterListRadius'], gValue}),
+      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 || [])
+              .filter(item=>{
+                return item.label !== '无'
+              });
+            data.cb(list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '内边距',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterListPaddingStatus',
+      value: statusDataVal({data, key:'filterListPaddingStatus', fields:['filterListPadding'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-margin-padding',
+      groupKey:'style',
+      valueKey: 'filterListPadding',
+      value: dataVal({
+        data,
+        key:'filterListPadding',
+        dValue:gValue.isAdd && gValue.isFirst ? {top: 32, left: 48, right: 48, bottom: 32}:20,
+        gValue,
+        isPM: true,
+      }),
+      hidden: !statusShow({data, key: 'filterListPaddingStatus', fields:['filterListPadding'], gValue}),
+      setting: {
+        type: 'margin',
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '文字按钮',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'filterFontStyleStatus',
+      value: statusDataVal({data, key:'filterFontStyleStatus', fields:['filterFontStyle'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'filterFontStyle',
+      value: dataVal({data, key:'filterFontStyle', dValue:{}, gValue}),
+      hidden: !statusShow({data, key: 'filterFontStyleStatus', fields:['filterFontStyle'], gValue}),
+      setting: {
+        fontSize: true,
+        weight:false,
+        bgColor:false,
+        selected:true,
+        default:{
+          color: '#666',
+          fontSize:'24rpx',
+          actFontSize:'24rpx',
+          actColor: gColor.mainColor,
+        }
+      },
+      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'},
+
+
+  ].filter(i=>i)
+}

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

@@ -0,0 +1,114 @@
+'use strict';
+
+import {dataVal, isObject, statusDataVal, statusShow} from "@/utils/AttrTools";
+const Color = require('color');
+
+export default (data, gValue, gColor, oldData)=>{
+
+  //兼容
+  let titleStyleColor = '#333'
+  if(data.titleColor) titleStyleColor = data.titleColor;
+  if(isObject(data.titleStyle) && data.titleStyle.color)  titleStyleColor = data.titleStyle.color;
+  let disabled = !['v1','v2', 'v5'].includes(data['category']);
+
+  return [
+    {
+      ele: 'title',
+      label: '分类-文字区样式',
+      size: 'small',
+      groupKey:'style',
+      hidden: disabled
+    },
+    {
+      label: '导航背景',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleBgColorStatus',
+      value: statusDataVal({data, key:'titleBgColorStatus', fields:['titleBgColor'],gValue}),
+      labelInline:true,
+      hidden: disabled,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-color',
+      valueKey: 'titleBgColor',
+      groupKey:'style',
+      value: dataVal({data, key:'titleBgColor', dValue:'#fff', gValue}),
+      hidden: !statusShow({data, key: 'titleBgColorStatus', fields:['titleBgColor'], gValue}) || disabled,
+      classNmae: 'input80',
+
+      setting: {
+        showAlpha: true
+      },
+    },
+    {ele: 'group_end'},
+
+    {
+      label: '名称样式',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'titleStyleStatus',
+      value: statusDataVal({data, key:'titleStyleStatus', fields:['titleStyle','titleColor'],gValue}),
+      labelInline:true,
+      hidden: disabled,
+      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: !statusShow({data, key: 'titleStyleStatus', fields:['titleStyle','titleColor'], gValue}) || disabled,
+      setting: {
+        fontSize: true,
+        weight:true,
+        bgColor:true,
+        selected:true,
+        default:{
+          color: titleStyleColor,
+          fontSize:gValue.isAdd && gValue.isFirst?'32':'30',
+          bgColor:'#f8f8f8',
+          fontWeight:gValue.isAdd && gValue.isFirst?'400':'normal',
+          actFontSize:gValue.isAdd && gValue.isFirst?'32':'30',
+          actColor: gColor.mainColor,
+          actFontWeight:gValue.isAdd && gValue.isFirst?'500':'normal',
+          actBgColor: Color(gColor.mainColor).alpha(0.15).toString()
+        }
+      },
+      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: 'titleColor',
+      groupKey:'style',
+      value: data['titleColor'] || '',
+      placeholder: '请选择文字颜色',
+      classNmae: 'input80',
+      hidden:true,
+    },
+    //废弃不可删除（已做兼容）
+  ].filter(i=>i)
+}