zz-shopify-components 0.3.1-beta.13 → 0.3.1-beta.14

package/blocks/zz-edu-form.liquid

@@ -169,10 +169,10 @@
       <div class="zz-edu-form-row upload-file-row zz-edu-form-hidden">
         <div class="zz-edu-form-column">
           <div class="zz-edu-form-group">
-            <label for="fileUpload" class="zz-edu-form-label">Upload Document</label>
+            <label for="fileUpload-{{ block.id }}" class="zz-edu-form-label">Upload Document</label>
             <div class="zz-edu-form-file-upload-container">
-              <input type="file" id="fileUpload" name="fileUpload" class="zz-edu-form-file-input" accept=".pdf,.jpg,.jpeg,.png">
-              <label for="fileUpload" class="zz-edu-form-file-upload-label">
+              <input type="file" id="fileUpload-{{ block.id }}" name="fileUpload" class="zz-edu-form-file-input" accept=".pdf,.jpg,.jpeg,.png">
+              <label for="fileUpload-{{ block.id }}" class="zz-edu-form-file-upload-label">
                 <div class="zz-edu-form-file-upload-content">
                   <svg class="zz-edu-form-file-upload-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M12 16L12 8M12 8L15 11M12 8L9 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -182,7 +182,7 @@
                   <span class="zz-edu-form-file-upload-hint">PDF, JPG, PNG (Max 10MB)</span>
                 </div>
               </label>
-              <div class="zz-edu-form-file-preview" id="filePreview"></div>
+              <div class="zz-edu-form-file-preview" id="filePreview-{{ block.id }}"></div>
             </div>
           </div>
         </div>
@@ -313,7 +313,7 @@
       
       // 验证文件上传
       if (verifyType === 'manual') {
-        const fileInput = form.querySelector('#fileUpload');
+        const fileInput = form.querySelector('#fileUpload-{{ block.id }}');
         if (!fileInput.files || fileInput.files.length === 0) {
           fileInput.classList.add('error');
           isValid = false;
@@ -419,8 +419,8 @@
     
     
     // 文件上传处理
-    const fileInput = form.querySelector('#fileUpload');
-    const filePreview = form.querySelector('#filePreview');
+    const fileInput = form.querySelector('#fileUpload-{{ block.id }}');
+    const filePreview = form.querySelector('#filePreview-{{ block.id }}');
     const fileUploadLabel = form.querySelector('.zz-edu-form-file-upload-label');
     
     fileInput.addEventListener('change', function(e) {
@@ -461,7 +461,6 @@
                 accessKeySecret: data.AccessKeySecret,
                 stsToken: data.SecurityToken,
               });
-            
               const result = await client.put(file.name, file);
               if(result.url) {
                 identityDocumentUrl = result.url
@@ -519,7 +518,7 @@
             <span class="zz-edu-form-file-name">${fileName}</span>
             <span class="zz-edu-form-file-size">${fileSize} MB</span>
           </div>
-          <div class="zz-edu-form-file-remove-btn" onclick="removeEduVerifyFile()">
+          <div class="zz-edu-form-file-remove-btn" onclick="removeEduVerifyFile{{ block.id }}()">
             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
             <circle cx="12" cy="12" r="12" fill="#DD3B46"/>
             <path d="M8.07812 15.9609L15.9977 8.04134" stroke="white" stroke-width="1.6" stroke-linecap="round"/>
@@ -533,7 +532,7 @@
     }
     
     // 移除文件
-    window.removeEduVerifyFile = function() {
+    window['removeEduVerifyFile{{ block.id }}'] = function() {
       fileInput.value = '';
       filePreview.innerHTML = '';
       fileUploadLabel.style.display = 'flex';

package/package.json

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