zz-shopify-components 0.25.1-beta.4 → 0.25.1-beta.5

package/blocks/zz-flex-layout-bg-block.liquid

@@ -171,6 +171,13 @@
       "info": "非全屏展示时有效",
       "visible_if": "{{ block.settings.pc_full_width == false }}"
     },
+    {
+      "type": "number",
+      "id": "pc_padding_x",
+      "label": "PC端左右内边距",
+      "default": 0,
+      "info": "单位：px"
+    },
     {
       "type": "number",
       "id": "pc_fixed_height",
@@ -185,6 +192,16 @@
       "default": 0,
       "info": "默认自适应高度，单位：px",
     },
+    {
+      "type": "range",
+      "id": "pc_border_radius",
+      "min": 0,
+      "max": 50,
+      "step": 1,
+      "unit": "px",
+      "label": "PC端圆角大小",
+      "default": 0
+    },
     {
       "type": "header",
       "content": "📱 移动端布局设置"
@@ -251,6 +268,16 @@
       "label": "移动端底部内边距 (px)",
       "default": 0
     },
+    {
+      "type": "range",
+      "id": "mobile_border_radius",
+      "min": 0,
+      "max": 50,
+      "step": 1,
+      "unit": "px",
+      "label": "移动端圆角大小",
+      "default": 0
+    },
     {
       "type": "header",
       "content": "动画设置"
@@ -281,6 +308,10 @@
       ],
       "default": "none-animation"
     },
+    {
+      "type": "header",
+      "content": "特殊设置"
+    },
     {
       "type": "checkbox",
       "id": "has_link",
@@ -333,7 +364,24 @@
       "id": "overflow_x_hidden",
       "label": "是否禁止横轴移动",
       "default": true
-    }
+    },
+    {
+      "type": "header",
+      "content": "统计相关"
+    },
+   {
+      "type": "text",
+      "id": "module_id",
+      "label": "唯一业务id",
+      "info": "需要唯一不要与其他模块重复，用户定位、埋点统计、代码隐藏控制等"
+    },
+    {
+      "type": "checkbox",
+      "id": "is_exposure",
+      "label": "是否曝光统计",
+      "default": false,
+      "info": "勾选后会对Block模块进行曝光统计埋点, 必须填写唯一业务id"
+    },
     
   ],
   "blocks": [
@@ -456,11 +504,22 @@
     padding-bottom: {{ block.settings.mobile_padding_bottom }}px;
     padding-left: {{ block.settings.mobile_padding_x }}px;
     padding-right: {{ block.settings.mobile_padding_x }}px;
+    border-radius: {{ block.settings.mobile_border_radius }}px;
     {% if block.settings.has_link %}
       cursor: pointer;
     {% endif %}
   }
 
+  {% if block.settings.mobile_border_radius != 0 %}
+      #shopify-block-{{ block.id }} .flex-layout-image {
+        border-radius: {{ block.settings.mobile_border_radius }}px;
+      }
+      #shopify-block-{{ block.id }} .flex-layout-video {
+        border-radius: {{ block.settings.mobile_border_radius }}px;
+      }
+  {% endif %}
+
+
   @media (min-width: 1024px) {
     #shopify-block-{{ block.id }} .bg-responsive-block-layout {
       flex-direction: {{ block.settings.pc_direction }};
@@ -469,11 +528,11 @@
       gap: {{ block.settings.pc_gap }}px;
       padding-top: {{ block.settings.pc_padding_top }}px;
       padding-bottom: {{ block.settings.pc_padding_bottom }}px;
-      margin-top: {{ block.settings.pc_margin_top }}px;
+      padding-left: {{ block.settings.pc_padding_x }}px;
+      padding-right: {{ block.settings.pc_padding_x }}px;
+       border-radius: {{ block.settings.pc_border_radius }}px;
+       margin-top: {{ block.settings.pc_margin_top }}px;
       margin-bottom: {{ block.settings.pc_margin_bottom }}px;
-      padding-left: 0px;
-      padding-right: 0px;
-      
       {% if block.settings.pc_full_width %}
         width: 100%;
       {% else %}
@@ -491,6 +550,15 @@
         object-fit: cover;
       }
     {% endif %}
+
+    {% if block.settings.pc_border_radius != 0 %}
+      #shopify-block-{{ block.id }} .flex-layout-image {
+        border-radius: {{ block.settings.pc_border_radius }}px;
+      }
+      #shopify-block-{{ block.id }} .flex-layout-video {
+        border-radius: {{ block.settings.pc_border_radius }}px;
+      }
+    {% endif %}
   }
 
   @media (min-width: 1280px) {
@@ -574,7 +642,14 @@
 
 {% assign layout_class = 'bg-layout' | append: block.id %}
 
-<div class="bg-responsive-block-layout {{ layout_class }} {{ block.settings.self_animation }} {{ block.settings.child_animation }}">
+<div 
+   {% if block.settings.module_id != blank %}
+      data-track-zz-block="{{ block.settings.module_id }}"
+    {% endif %}
+    {% if block.settings.is_exposure != false %}
+      data-track-zz-exposure="true"
+    {% endif %}
+  class="bg-responsive-block-layout {{ layout_class }} {{ block.settings.self_animation }} {{ block.settings.child_animation }}">
   
     {% content_for 'blocks' %}
 </div>

package/blocks/zz-flex-layout-block.liquid

@@ -563,7 +563,7 @@
     {% endif %}
     {% if block.settings.offset_top_mobile != blank %}
       position: relative;
-      top: -{{ block.settings.offset_top_mobile }}px;
+      margin-top: -{{ block.settings.offset_top_mobile }}px;
       
     {% endif %}
     

package/blocks/zz-video-swiper-perview-item.liquid

@@ -229,10 +229,12 @@
   ],
   "presets": [
     {
-      "name": "Video Swiper Preview Item"
+      "name": "Video Swiper Preview Item",
+        "category": "Swiper Block"
     },
     {
-      "name": "可预览轮播图-Item"
+      "name": "可预览轮播图-Item",
+        "category": "Swiper Block"
     }
   ]
 }

package/blocks/zz-video-swiper-perview.liquid

@@ -362,32 +362,6 @@
       observer.observe(swiperWrapper);
     }
 
-    function getVisibleDisplayMedias(container) {
-      const videos = container.querySelectorAll('video');
-      const video = Array.from(videos).find((video) => {
-        const style = window.getComputedStyle(video);
-        return style.display !== 'none';
-      });
-      if (video) {
-        return {
-          video,
-          type: 'video',
-        };
-      } else {
-        const images = container.querySelectorAll('img');
-        const image = Array.from(images).find((image) => {
-          const style = window.getComputedStyle(image);
-          return style.display !== 'none';
-        });
-        if (image) {
-          return {
-            image,
-            type: 'image',
-          };
-        }
-      }
-      return null;
-    }
     const endedHandler = function () {
 
       if (prevSwiper.isEnd) {
@@ -587,10 +561,12 @@
   ],
   "presets": [
     {
-      "name": "Video Swiper Preview"
+      "name": "Video Swiper Preview",
+        "category": "Swiper Block"
     },
     {
       "name": "可预览轮播图",
+        "category": "Swiper Block",
       "settings": {
         "bg_color": "#ffffff",
         "pagination_color": "#ffffff",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.25.1-beta.4",
+  "version": "0.25.1-beta.5",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",