jufubao-mall 2.0.21 → 2.0.23-beta1

package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaLess.less

@@ -0,0 +1,80 @@
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+@basePath: 'business/';
+@doMain: '//sandbox-img.jufubao.cn/';
+
+.getBusinessImageUrl(@path, @size: 'size8') {
+  @url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
+  background-image: url(@url);
+}
+
+//start
+.jfb-mall-network-media {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    z-index: 3;
+    &::after {
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: var(--preview-z-index);
+      cursor: pointer;
+    }
+
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(0, rpx);
+    height: unit(50, rpx);
+    z-index: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .4);
+    border-radius: 0 0 0 20rpx;
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+    padding: 0 6rpx 0 6px;
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-mall-network-media {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaMixin.js

@@ -0,0 +1,30 @@
+'use strict';
+
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+
+export default {
+  data() {
+    return {
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      // #endif
+      cssRoot: 'jfb-mall-network-media'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbMallNetworkMedia/Mock.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  
+  getNetworkByIdFilmSquate:{},
+  
+  updateNetworkFilmPaiqiDate:{},
+  
+  removeNetworkFilmAddress:{},
+  
+  addNetworkFilmcart:{},
+  
+}

package/src/components/JfbMallNetworkMedia/cusAttr/advanced.js

@@ -0,0 +1,60 @@
+'use strict';
+
+export default (data)=>{
+  let isCityFilter = 'N',productInfoPath =null;
+  if(['Y','N'].includes(data['isCityFilter'])) {
+    isCityFilter = data['isCityFilter']
+  }
+  if(data['productInfoPath'] !== undefined) {
+    productInfoPath = data['productInfoPath']
+  }
+  return [
+    {
+      label: '城市筛选',
+      ele: 'xd-radio',
+      valueKey: 'isCityFilter',
+      groupKey:'advanced',
+      value: isCityFilter,
+      placeholder: '请选择是否开启城市筛选',
+      multiple: false,
+      labelInline:true,
+      list: [
+        {label: '开启', value: 'Y'},
+        {label: '禁用', value: 'N'},
+      ]
+    },
+    {
+      label: '确认订单',
+      ele: 'xd-select-pages-path',
+      valueKey: 'productInfoPath',
+      placeholder: '请选择确认订单跳转地址',
+      groupKey: 'advanced',
+      value: productInfoPath,
+      labelInline: true,
+      className: 'input100',
+      setting: {
+        mode: 'new',
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+    },
+    {
+      label: '版本号:',
+      ele: 'el-input',
+      type: 'text',
+      groupKey: 'advanced',
+      valueKey: 'version',
+      value: 'v2.0',
+      hidden: true,
+    },
+    {
+      label: '过滤引用模版字段:',
+      ele: 'el-input',
+      type: 'text',
+      groupKey: 'advanced',
+      valueKey: 'refFilterKey',
+      value: '[]',
+      hidden: true,
+    },
+  ]
+}
+

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

@@ -0,0 +1,125 @@
+'use strict';
+import {
+  dataVal ,
+  statusShow,
+  statusDataVal,
+  customVal,
+  cusDisabled ,
+  getCustomAttr,
+  isArray,
+  isObject
+} from "@/utils/AttrTools";
+import PosterAttr from "@/utils/Attr/PosterAttr";
+import ProductAttr from "@/utils/Attr/ProductAttr";
+
+export default (data, gValue,gColor,oldData)=>{
+  //兼容品牌展示
+  let filterMode = dataVal({data, key:'filterMode', dValue:[['common','filter']], gValue});
+  if(data['showBrandFilter'] === 'out'){
+    filterMode.push('brand');
+    data['showBrandFilter'] = 'in';
+  }
+
+  //兼容分类操作
+  let  category = 'v1';
+  //老数据已设置
+  if(data['categoryLayout']) {
+    category = data['categoryLayout'];
+    //设置v1项
+    if(data['categoryLayout'] === 'v1') {
+      if(data['categoryLayout1ShowType'] === 'child') {
+        category = 'v3';
+      }
+    }
+  }
+  //分类已设置隐藏（设置隐藏项）
+  if(data['showCategory'] === 'N') {
+    category = 'none';
+  }
+  //新数据已设置值
+  if(data['category'] !== undefined) {
+    category = data['category'] ;
+  }
+
+  //类型
+  let navStyle = 'line-6-8-l';
+  if(data['navStyle'] && ['line-6-8-s', 'triangle', 'center', 'desc', 'none'].includes(data['navStyle'])){
+    navStyle = data['navStyle'];
+  }
+
+  //过滤配送方式兼容
+  let isShowDelivery = [];
+  if(typeof data['isShowDelivery'] === 'string') {
+    if(['Y'].includes(data['isShowDelivery'])) isShowDelivery = ['send'];
+  }
+  if(isArray(data['isShowDelivery'])){
+    isShowDelivery = data['isShowDelivery'];
+  }
+
+  let categoryParentType = dataVal({data, key:'categoryParentType', dValue:'root', gValue});
+
+
+  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();
+      }
+    },
+    {
+      ele: 'title',
+      label: '展示内容',
+      size: 'small',
+      groupKey:'content',
+    },
+    {
+      label: '划线价',
+      ele: 'xd-cus-switch',
+      valueKey: 'isShowDiscount',
+      value: data['isShowDiscount'] || 'Y',
+      className: 'input100',
+      labelInline:true,
+      groupKey:'content',
+      hidden: data.isPrice!=='Y',
+      setting: {
+        isBackType: 'string'
+      },
+    },
+    {ele: 'group_start'},
+    {
+      label: '差值',
+      ele: 'el-input',
+      type: 'number',
+      valueKey: 'differ',
+      labelInline:true,
+      value: data['differ'] || '',
+      hidden: data.isShowDiscount!=='Y',
+      groupKey:'content',
+      placeholder: '价差，默认值：1',
+      className: 'input80',
+      notice: '划线价取市场价，市场价-售价差值大于等于设置值时展示',
+      inline: false
+    },
+    {ele: 'group_end'},
+
+  ]
+}

package/src/components/JfbMallNetworkMedia/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)
+}