jufubao-mall 2.0.35-beta2 → 2.0.35-beta4

package/src/components/JfbMallHomeBrand/cusAttr/content.js

@@ -0,0 +1,310 @@
+'use strict';
+import {
+  dataVal ,
+  statusShow,
+  statusDataVal,
+  customVal,
+  cusDisabled ,
+  getCustomAttr,
+  isArray,
+  isObject
+} from "@/utils/AttrTools";
+import IConList from "@/ICONS"
+
+export default (data, gValue,gColor,oldData)=>{
+  let pageSize = 20;
+  if(data.listLayout === 'carousel') {
+    pageSize = 45;
+  }
+
+  let isShowMore =  dataVal({data, key:'isShowMore', dValue:'Y', gValue});
+  let listLayout = 'slide';
+  if(data['listLayout'] !== undefined)  listLayout = data['listLayout'];
+  let titleTpl = 'v1';
+  if(data['titleTpl'] !== undefined)  titleTpl = data['titleTpl'];
+
+
+  //老数据
+  let tabContent = [
+    {value:'all', label: '全部',input:'全部',check: true },
+    {value:'sell', label: '线下',input:'线下',check: true },
+    {value:'code', label: '电子码',input:'电子码' ,check: true},
+    {value:'stod', label: '线上',input:'线上',check: true},
+  ];
+
+  if(data['brandCateList'] !== undefined
+    && data['brandCateList'] !== null
+  ) {
+    tabContent = data['brandCateList'].map((item,index)=>{
+      let value = item.value[0];
+      if(value === 'online') value = 'stod'; //线上
+      if(value === 'offline') value = 'sell'; //线下
+      return {
+        check: true,
+        label: item['label'],
+        value : value,
+        input: item['label']
+      };
+    })
+  }
+
+  //已设置
+  if(data['tabContent'] !== undefined){
+    tabContent = data['tabContent'];
+  }
+
+  return[
+    {
+      ele: 'title',
+      label: '基础',
+      size: 'small',
+      groupKey:'content',
+    },
+    {
+      label: "业务线",
+      ele: "xd-choose-namespace",
+      valueKey: "xnamespace",
+      groupKey:'content',
+      placeholder: '请选择业务线',
+      notice:'空继承上级业务线',
+      inline: false,
+      labelInline:true,
+      value:  dataVal({data, key:'xnamespace', dValue:null, gValue}),
+      className: 'input100',
+      handleCustom: (cb) => {
+        XdBus.getParentApi('getOptionsNamespaces')()
+          .then(res => {
+            cb(res.list)
+          })
+          .catch();
+      }
+    },
+    {
+      label: "品牌选项卡设置",
+      ele: 'xd-brand-cate-new',
+      valueKey: "brandCateList",
+      value: data['brandCateList'] || null,
+      groupKey: 'content',
+      hidden: true
+    },
+    {
+      label: '数据内容',
+      ele: 'xd-name-check',
+      valueKey: 'tabContent',
+      value: tabContent,
+      className: 'input100',
+      groupKey:'content',
+      size: 'small',
+      labelInline:true,
+      setting: {
+        width: 90,
+        isSort: true,
+        bgColor: '#F5F7FA'
+      },
+      inline: false,
+      handleCustom({action, data}) {
+        data.cb([
+          {value:'all', label: '全部',input:'', def: '全部', check: false,placeholder:''},
+          {value:'sell', label: '线下',input:'', def: '线下',check: false, placeholder:''},
+          {value:'code', label: '电子码',input:'', def: '电子码',check: false, placeholder:''},
+          {value:'stod', label: '线上',input:'', def: '线上',check: false, placeholder:''},
+          {value:'stod-samecity', label: '同城配送',input:'', def: '同城配送',check: false,placeholder:''},
+          {value:'stod-logistics', label: '快递配送',input:'', def: '快递配送',check: false,placeholder:''},
+          {value:'stod-takeout', label: '门店自提',input:'', def: '门店自提',check: false,placeholder:''},
+        ])
+      },
+    },
+    {
+      label: '品牌数量',
+      ele: 'el-input',
+      type: 'number',
+      labelInline: true,
+      valueKey: 'page_size',
+      value: dataVal({data, key:'page_size', dValue:pageSize, gValue}),
+      groupKey:'content',
+      className: 'input100',
+      unit: '条'
+    },
+    {
+      label: '商品分类:',
+      ele: 'xd-site-select-list',
+      valueKey: 'category_ids',
+      value: dataVal({data, key:'category_ids', dValue:[], gValue}),
+      groupKey:'content',
+      labelInline:true,
+      placeholder: '请选择商品分类',
+      setting: {
+        multiple: true,
+      },
+      className: 'input100',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getProductCategories')({
+          key: Date.now()
+        })
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+      inline: false,
+    },
+    {
+      ele: 'title',
+      label: '组件样式',
+      size: 'small',
+      groupKey:'content',
+    },
+    {
+      label: "组件布局",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "listLayout",
+      value: listLayout,
+      labelInline:true,
+      key: Date.now(),
+      isKey:true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: '4XS5Ot066x8EK5KB7rtf8',
+          key: Date.now()
+        })
+          .then(res => {
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: "标题风格",
+      ele: "xd-style-image",
+      groupKey: 'content',
+      valueKey: "titleTpl",
+      value: titleTpl,
+      labelInline:true,
+      key: Date.now(),
+      isKey:true,
+      className: 'input100',
+      handleCustom(cusRes) {
+        XdBus.getParentApi('getCompStylesOptions')({
+          layout_ids: 'QdFTMI0uoKE5Rte00rLKQ',
+          key: Date.now()
+        })
+          .then(res => {
+            cusRes.data.cb(res)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+
+
+
+    {
+      label: '展示行数',
+      ele: 'xd-radio',
+      valueKey: 'listRow',
+      value:dataVal({data, key:'listRow', dValue:2, gValue}),
+      multiple: false,
+      className: 'input80',
+      groupKey: 'content',
+      labelInline: true,
+      hidden: listLayout !== 'carousel',
+      list: [
+        {label: '一行', value: 1},
+        {label: '两行', value: 2},
+        {label: '三行', value: 3},
+      ]
+    },
+    {
+      label: '查看更多',
+      ele: 'xd-radio',
+      valueKey: 'isShowMore',
+      value: isShowMore,
+      multiple: false,
+      className: 'input100',
+      groupKey: 'content',
+      labelInline: true,
+      list: [
+        {label: '显示', value: 'Y'},
+        {label: '隐藏', value: 'N'},
+      ]
+    },
+    isShowMore === 'Y' && {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'moreName',
+      value: dataVal({data, key:'moreName', dValue:'', gValue}),
+      placeholder: '更多按钮名称，默认”更多“',
+      className: 'input100',
+      groupKey: 'content',
+      hidden:  isShowMore === 'N',
+      labelInline: true,
+      inline: false,
+    },
+    isShowMore === 'Y' && {ele: 'group_end'},
+
+    isShowMore === 'Y' && {ele: 'group_start'},
+    // {
+    //   label: "轮播速度：",
+    //   groupKey: 'content',
+    //   ele: 'xd-slider',
+    //   valueKey: "time",
+    //   value: data['time'] === undefined?5:data['time'],
+    //   className: "input80",
+    //   labelInline: true,
+    //   hidden: listLayout !== 'carousel',
+    //   setting:{
+    //     min: 0,//最小值
+    //     max: 60, //最小值
+    //     step:1, //步长
+    //     showStops:false,//显示间断点
+    //     unit:'秒'
+    //   }
+    // },
+    // {
+    //   label: "大小设置：",
+    //   groupKey: 'content',
+    //   ele: 'xd-slider',
+    //   valueKey: "iconSize",
+    //   value: iconSize,
+    //   className: "input80",
+    //   labelInline: true,
+    //   hidden: listLayout !== 'carousel',
+    //   setting:{
+    //     min: 0,//最小值
+    //     max: 60, //最小值
+    //     step:1, //步长
+    //     showStops:false,//显示间断点
+    //   }
+    // },
+    // {
+    //   label: '轮播指示图标样式:',
+    //   ele: 'xd-select-list',
+    //   valueKey: 'enterMode',
+    //   value: data['enterMode'] || 'round',
+    //   groupKey:'content',
+    //   multiple: false,
+    //   className: 'input80',
+    //   hidden: listLayout !== 'carousel',
+    //   list:[
+    //     {label: '显示圆点', value: 'dot'},
+    //     {label: '显示长方形', value: 'default'},
+    //     {label: '显示圆点+长条', value: 'round'},
+    //     {label: '显示索引+标题', value: 'nav'},
+    //     {label: '显示索引', value: 'indexes'},
+    //     {label: '不显示', value: 'normal'},
+    //   ],
+    //   notice: '在使用非通屏显示类型广告位之外的样式时，<span style="color: red">(显示索引+标题|显示索引)</span>使用"<span style="color: red">显示圆点</span>"',
+    //   inline: false,
+    // },
+    isShowMore === 'Y' && {ele: 'group_end'},
+  ]
+}

package/src/components/JfbMallHomeBrand/cusAttr/more.js

@@ -0,0 +1,186 @@
+'use strict';
+
+import {dataVal, statusDataVal, statusShow, clone, cRaBorShadow,isDefStatus} from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData={})=>{
+  let moreBorder = cRaBorShadow( data, 'moreBorder', {dValue:'N'},gValue);
+  let moreShadow = cRaBorShadow( data, 'moreShadow', {dValue:'N'},gValue);
+
+  return [
+    {
+      ele: 'title',
+      label: '查看更多',
+      size: 'small',
+      groupKey:'style',
+    },
+    {
+      label: '更多文字',
+      ele: 'xd-radio',
+      groupKey: 'style',
+      valueKey: 'moreStyleStatus',
+      value: statusDataVal({data, key:'moreStyleStatus',cValue: 'N', fields:['moreStyle'],gValue}),
+      labelInline:true,
+      list: [
+        {label: '默认', value: 'D'},
+        {label: '无圆角', value: 'N'},
+        {label: '自定义', value: 'C'},
+      ]
+    },
+    {ele: 'group_start'},
+    {
+      label: '',
+      ele: 'xd-text-and-bgc',
+      groupKey:'style',
+      valueKey: 'moreStyle',
+      value: dataVal({data, key:'moreStyle', dValue:'', gValue}),
+      hidden: !statusShow({data, key: 'moreStyleStatus', fields:['moreStyle'], gValue}),
+      setting: {
+        fontSize: true,
+        weight:true,
+        bgColor:true,
+        selected:false,
+        default:{
+          color: data['moreNameTextColor'] || '#333',
+          fontSize: '28rpx',
+          fontWeight:'normal',
+          bgColor:'rgba(0,0,0,0)',
+        }
+        //fontSize:'28rpx', color: moreColor,bgColor:'rgba(0,0,0,0)', fontWeight: 'normal'
+      },
+      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',
+      value: moreBorder,
+      labelInline: true,
+      className: 'input100',
+      setting: {
+        selected: moreBorder.type,//设置默认选中项
+        isRadio: true,//启用editx默认
+        isDef: true, //启动默认选项
+        //==设置默认值==
+        color: '#fff',
+        width: '0',
+        style: 'solid'
+        //==设置默认值==
+      },
+    },
+    {
+      label: '更多投影',
+      ele: 'xd-shadow',
+      labelInline: true,
+      groupKey:'style',
+      valueKey: 'moreShadow',
+      value: moreShadow,
+      className: 'input100',
+      setting: {
+        selected: moreShadow.type,
+        isRadio:true,
+        isDef: true,
+        default: {
+          color:'rgba(0,0,0,0.1)',
+          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: 'moreNewRadiusStatus',
+      value: statusDataVal({data, key:'moreNewRadiusStatus',cValue: 'N', fields:['moreNewRadius'],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: 'moreNewRadius',
+      value: dataVal({data, key:'moreNewRadius', dValue:'10', gValue}),
+      hidden: !statusShow({data, key: 'moreNewRadiusStatus', fields:['moreNewRadius'], gValue}),
+      placeholder: '请选择更多圆角',
+      multiple: false,
+      className: 'input80',
+      groupKey:'style',
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({
+          setting_id: 'edtix_style_radius',
+          key: Date.now()
+        })
+          .then(res => {
+            debugger
+            res.list = res.list.filter(item=>{
+              return item.label !== '无';
+            });
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {ele: 'group_end'},
+    //废弃样式（不可删除）
+    {
+      label: '文字颜色:',
+      ele: 'xd-color',
+      valueKey: 'moreNameTextColor',
+      value: data['moreNameTextColor'] || '',
+      placeholder: '请选择更多文字颜色',
+      classNmae: 'input80',
+      groupKey: 'style',
+      hidden: true,
+    },
+    {
+      label: "圆角设置：",
+      groupKey: 'style',
+      ele: 'xd-slider',
+      valueKey: "moreRadius",
+      value: data['moreRadius']===undefined?0:data['moreRadius'],
+      className: "input80",
+      labelInline: true,
+      hidden: true,
+      setting:{
+        min: 0,//最小值
+        max: 80, //最小值
+        step:1, //步长
+        showStops:false,//显示间断点
+      }
+    },
+    //废弃样式（不可删除）
+
+  ].filter(i=>i)
+}
+