jufubao-mall 2.0.33 → 2.0.35-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,372 @@
+'use strict';
+
+module.exports = {
+  getMallMediaProductContent: {
+    content: '<p><img class="tinymce-image" src="//sandbox-img.jufubao.cn/uploads/20230522/61f22091cc434863e2d52cce0d769221.jpg" /></p>',
+    request_id: "11438a7010425aff"
+  },
+  getMallMediaProductBuyButton: {
+    "post_scope_text":"",
+    "alert_text":"",
+    "alert_button":{},
+    "alert_reason":"",
+    "need_login":false,
+    "buttons":[{"text":"加入购物车","code":"add-buy","enabled":true},{"text":"立即购买","code":"buy-now","enabled":true}],
+    "buy_limit":{"min_buy":1,"max_buy":999},
+    "delivery_methods": [{ "label": "同城配送", "value": "samecity" }, { label: '同城配送' }, { label: '到店自提' }],
+    "page_buttons":[{"text":"查看配送范围","code":"view-delivery-scope","params":{"brand_id":"20001","supplier_id":"133189","region_limit_tpl_id":"csd_133189_34376","channel_code":"d2lsbG5pY2VfY2FrZXxXMDIwMTIwMjA3NDE%3D","channel_product_id":"W02012020741"}}],
+    "request_id":"2d4997a9aea3dda8"
+  },
+  getMallMediaCategoryTree: {"items":[{"category_name":"零售行业电子会员","category_id":157699,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250123/5f9b11d836c4ef04167c3250bc1f553f.png?x-oss-process=style/size8","parent_id":0,"tag":"","children":[{"category_name":"山姆会员","category_id":157705,"category_icon":"//sandbox-img5.jufubao.cn/uploads/20250123/f4b46eee2b09d1156de67643bcf5e569.png?x-oss-process=style/size3","parent_id":157699,"tag":"","children":[{"category_name":"零食","category_id":158303,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250919/d2f88b6abf80ddcfb6d42b9ab267d18a.png?x-oss-process=style/size3","parent_id":157705,"tag":"","children":[],"level":3},{"category_name":"冷冻","category_id":158302,"category_icon":"//sandbox-img1.jufubao.cn/uploads/20250919/9cb362a3470b5274f72cd245e32cb3ab.png?x-oss-process=style/size3","parent_id":157705,"tag":"","children":[],"level":3}],"level":2},{"category_name":"沃尔玛","category_id":157704,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250123/70fc53ca1cf66b62500f589e5e100728.png?x-oss-process=style/size3","parent_id":157699,"tag":"","children":[],"level":2},{"category_name":"百货商场","category_id":157703,"category_icon":"//sandbox-img2.jufubao.cn/uploads/20250123/928b963ef5f39b8cbf98c4357837b1c7.png?x-oss-process=style/size3","parent_id":157699,"tag":"","children":[],"level":2},{"category_name":"便利店（有网络视听数据）","category_id":157702,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250123/8a8a2a695cb4ecd548458a3931bdbcab.png?x-oss-process=style/size8","parent_id":157699,"tag":"","children":[],"level":2},{"category_name":"超市","category_id":157701,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250123/f13911c490fbe32e2e7608d05b74ebfa.png?x-oss-process=style/size3","parent_id":157699,"tag":"","children":[],"level":2}],"name":"零售行业电子会员","id":157699,"level":1},{"category_name":"餐饮行业电子会员","category_id":157700,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250123/48aa6455ead0f77df77d6a1a8464e27e.png?x-oss-process=style/size3","parent_id":0,"tag":"","children":[],"name":"餐饮行业电子会员","id":157700,"level":1},{"category_name":"视频会员","category_id":2853,"category_icon":"https://img1-v1.jufubao.cn/20200629110035191.png?x-oss-process=style/size8","parent_id":0,"tag":"","children":[{"category_name":"爱奇艺视频","category_id":3785,"category_icon":"https://img5-v1.jufubao.cn/20200630095612143.jpg?x-oss-process=style/common","parent_id":2853,"tag":"","children":[],"level":2}],"name":"视频会员","id":2853,"level":1},{"category_name":"音频会员","category_id":157697,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250116/bb213c67b9df8710a69c5f59b9aea027.jpg?x-oss-process=style/size8","parent_id":0,"tag":"","children":[],"name":"音频会员","id":157697,"level":1},{"category_name":"生活会员","category_id":157696,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250116/a5aab3ab3d9b5392e6bd3c2b8d946a93.jpg?x-oss-process=style/size8","parent_id":0,"tag":"","children":[{"category_name":"二级","category_id":157698,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250116/d1d95ec8fbff6a0b50efff2a7fd8ce52.jpeg?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[{"category_name":"作业帮","category_id":158309,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250918/fcb8fd962028c403dd57d73a9f834da4.jpg?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"掌阅","category_id":158310,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250919/156dc55607b942b0f586f10991a692e2.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"必胜客","category_id":158308,"category_icon":"//sandbox-img5.jufubao.cn/uploads/20250918/727c8f8e447f10527d7d4de21473d2f4.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"keep","category_id":158306,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250808/9c9aa1979f1e4118861222070499c83e.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"休闲食品","category_id":158305,"category_icon":"//sandbox-img2.jufubao.cn/uploads/20250918/c0473430e3c8c9f3a4928cc749b870a2.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"百度网盘","category_id":158307,"category_icon":"//sandbox-img1.jufubao.cn/uploads/20250919/9cb362a3470b5274f72cd245e32cb3ab.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3},{"category_name":"零食零食零食零食零食","category_id":158304,"category_icon":"//sandbox-img3.jufubao.cn/uploads/20250919/850e88f91660dbdf25e39a735c4fc8a9.png?x-oss-process=style/size3","parent_id":157698,"tag":"","children":[],"level":3}],"level":2},{"category_name":"听书","category_id":158316,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250120/fb7c5f0ef7d29e9d61abb18c8223821c.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2},{"category_name":"文档","category_id":158315,"category_icon":"//sandbox-img3.jufubao.cn/uploads/20250120/07f384206b79032cb730f6b6663090bf.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2},{"category_name":"读书","category_id":158314,"category_icon":"//sandbox-img1.jufubao.cn/uploads/20250120/99a668da44113739dab26ca6967d7950.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2},{"category_name":"网盘","category_id":158313,"category_icon":"//sandbox-img1.jufubao.cn/uploads/20250120/3b41b5c41c83ebe2726c9e014fc525e2.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2},{"category_name":"视频","category_id":158312,"category_icon":"//sandbox-img3.jufubao.cn/uploads/20250120/754e6ff17854b4260b3f00787634346a.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2},{"category_name":"音频","category_id":158311,"category_icon":"//sandbox-img4.jufubao.cn/uploads/20250120/e17f9cdb6c3af2d0519af787ff1eee14.png?x-oss-process=style/size3","parent_id":157696,"tag":"","children":[],"level":2}],"name":"生活会员","id":157696,"level":1},{"category_name":"网络会员","category_id":157695,"category_icon":"//sandbox-img.jufubao.cn/uploads/20250116/e2e5e3cdf88be15dd7f5e398f8525a51.jpeg?x-oss-process=style/size8","parent_id":0,"tag":"","children":[],"name":"网络会员","id":157695,"level":1}],"request_id":"bd19a08394e7db80"},
+  getMallMediaProductList: {
+    total_size: 8,
+    next_page_token: "1",
+    list: [
+      {
+        product_id: 60007334,
+        product_type: "good",
+        brand_id: 40503,
+        brand_name: "Meixin/美心",
+        list_title: "惠普（HP）战66 四代 15.6英寸轻薄笔记本电脑",
+        status: "ok",
+        sale_num: 0,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230517/d01ab9cd8344d226c43919b47f8ed534.jpg",
+        market_price: 4300,
+        sale_price: 1300,
+        promo_price: 1800,
+        market_tags: ['flashsale'],
+        tags: [
+          {
+            label: '推荐',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '爆款',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '新品',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '包邮',
+            type: 'postage',
+            pos: 'tag',
+            style: 'GG4'
+          },
+          {
+            label: '秒杀',
+            type: 'flashsale',
+            pos: 'beTitle',
+            style: 'RW8'
+          },
+          // {
+          //   label: '爆款',
+          //   type: 'market',
+          //   pos: 'imgL',
+          //   style: 'RWL'
+          // },
+          // {
+          //   label: '新品',
+          //   type: 'market',
+          //   pos: 'imgR',
+          //   style: 'RWR'
+          // },
+          {
+            label: '8寸',
+            type: 'param',
+            pos: 'param',
+            style: 'TG1'
+          },
+          {
+            label: '好物',
+            type: 'param',
+            pos: 'param',
+            style: 'TG1'
+          },
+
+        ],
+        show_prices: [
+          {
+            "p": 99999,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 99999,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+      },
+      {
+        product_id: 600088155,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "良品铺子手撕面包2斤装 量贩早餐小面包代餐休闲零食办公室点心整箱装礼盒",
+        status: "ok",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/24f0e3386a80c2a6659d71862eedcae7.jpg",
+        sale_price: 2678,
+        promo_price: 1800,
+        show_prices: [
+          {
+            "p": 1800,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 4300,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+        market_tags: ['flashsale','hot','new'],
+        tags: [
+          {
+            label: '推荐',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '爆款',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '新品',
+            type: 'market',
+            pos: 'tag',
+            style: 'GR4'
+          },
+          {
+            label: '包邮',
+            type: 'postage',
+            pos: 'tag',
+            style: 'GG4'
+          },
+          {
+            label: '秒杀',
+            type: 'flashsale',
+            pos: 'beTitle',
+            style: 'RW8'
+          },
+        ],
+      },
+      {
+        product_id: 60008821,
+        product_type: "good",
+        brand_id: 40189,
+        brand_name: "好丽友",
+        list_title: "好丽友（orion）零食休闲零食薯条膨化食品呀!土豆番茄酱味70g/袋",
+        status: "ok",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/eb1d4222f69559e1ac0c999ae01da8ae.jpg",
+        sale_price: 2678,
+        promo_price: 1800,
+        show_prices: [
+          {
+            "p": 2678,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 4300,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+        market_tags: [],
+        tags: [
+          {
+            label: '推荐',
+            type: 'market',
+          },
+          {
+            label: '爆款',
+            type: 'market',
+          },
+          {
+            label: '新品',
+            type: 'market',
+          },
+          {
+            label: '包邮',
+            type: 'postage',
+          }
+        ],
+      },
+      {
+        product_id: 60008817,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "港荣蒸蛋糕 奶香味手撕蛋糕900g/箱面包蛋糕早餐面包办公室零食",
+        status: "ok",
+        sale_num: 0,
+        market_price: 4300,
+        show_prices: [
+          {
+            "p": 19800,
+            "n": "",
+            "t": "S"
+          },
+          {
+            "p": 14300,
+            "n": "PLUS价",
+            "t": "D"
+          }
+        ],
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/f1a75df336de07214278e97232207e97.jpg",
+        sale_price: 3347
+      },
+      {
+        product_id: 60008818,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "百草味原色无漂白盐焗味开心果500g 每日坚果干果零食量贩 送礼团购",
+        status: "soldout",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/d394f125cdbea07de0b7c33838fc680f.jpg",
+        sale_price: 5356,
+        show_prices: [
+          {
+            "p": 18800,
+            "n": "",
+            "t": "S"
+          }
+        ],
+      },
+      {
+        product_id: 600070912,
+        product_type: "good",
+        brand_id: 40503,
+        brand_name: "Meixin/美心",
+        list_title: "惠普（HP）战66 四代 15.6英寸轻薄笔记本电脑",
+        status: "ok",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230517/d01ab9cd8344d226c43919b47f8ed534.jpg",
+        sale_price: 1300,
+        show_prices: [
+          {
+            "p": 17900,
+            "n": "",
+            "t": "S"
+          }
+        ],
+      },
+      {
+        product_id: 600088162,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "良品铺子手撕面包2斤装 量贩早餐小面包代餐休闲零食办公室点心整箱装礼盒",
+        status: "ok",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/24f0e3386a80c2a6659d71862eedcae7.jpg",
+        sale_price: 2678,
+        show_prices: [
+          {
+            "p": 2678,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 4300,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+      },
+      {
+        product_id: 600088212,
+        product_type: "good",
+        brand_id: 40189,
+        brand_name: "好丽友",
+        list_title: "好丽友（orion）零食休闲零食薯条膨化食品呀!土豆番茄酱味70g/袋",
+        status: "soldout",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/eb1d4222f69559e1ac0c999ae01da8ae.jpg",
+        sale_price: 2678,
+        show_prices: [
+          {
+            "p": 2678,
+            "n": "",
+            "t": "S"
+          },
+          {
+            "p": 4300,
+            "n": "PLUS价",
+            "t": "D"
+          }
+        ],
+      },
+      {
+        product_id: 600088172,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "港荣蒸蛋糕 奶香味手撕蛋糕900g/箱面包蛋糕早餐面包办公室零食",
+        status: "off",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/f1a75df336de07214278e97232207e97.jpg",
+        sale_price: 3347,
+        show_prices: [
+          {
+            "p": 3347,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 4300,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+      },
+      {
+        product_id: 600088182,
+        product_type: "good",
+        brand_id: 40413,
+        brand_name: "良品铺子",
+        list_title: "百草味原色无漂白盐焗味开心果500g 每日坚果干果零食量贩 送礼团购",
+        status: "soldout",
+        sale_num: 0,
+        market_price: 4300,
+        thumb: "//sandbox-img.jufubao.cn/uploads/20230522/d394f125cdbea07de0b7c33838fc680f.jpg",
+        sale_price: 5356,
+        show_prices: [
+          {
+            "p": 4300,
+            "n": "PLUS价",
+            "t": "S"
+          },
+          {
+            "p": 5356,
+            "n": "原价",
+            "t": "U"
+          }
+        ],
+      }
+    ],
+    request_id: "9512a165463ba45b"
+  },
+  getMallMediaProductForm:{"form_id":"","form_data":[{"id":"blessing","type":"input","value":'输入祝福语',"struct":{"title":"祝福语","explain":"祝福语","default":"","placeholder":"输入祝福语","required":true,"minlength":1,"maxlength":16},"options":[]}],"request_id":"88bdf8170bbc24b0"}
+}

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 [
+    0 && {
+      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,
+    },
+  ]
+}
+