fix(base): AutoForm checkbox/radio/switch 样式修复，HTTP 新增 keepHeaders 跨请求保留机制（by AI）

Co-Authored-By: deepseek-v4-pro[1m] <deepseek-ai@claude-code-best.win>

dist/base.js

@@ -30,11 +30,24 @@
         }
         options.body = data;
       }
+      for (const name of HTTP.keepHeaders) {
+        if (HTTP._keepHeadersCache[name] && !headers[name]) headers[name] = HTTP._keepHeadersCache[name];
+      }
       if (Object.keys(headers).length) options.headers = headers;
       const response = { error: null, ok: null, status: 0, headers: {}, responseType: "", result: null };
       try {
         const resp = await fetch(url, options);
         Object.assign(response, { ok: resp.ok, status: resp.status, headers: Object.fromEntries(resp.headers.entries()) });
+        for (const name of HTTP.keepHeaders) {
+          const val = resp.headers.get(name);
+          if (val) {
+            HTTP._keepHeadersCache[name] = val;
+            try {
+              localStorage.setItem("_http_keep_" + name, val);
+            } catch (e) {
+            }
+          }
+        }
         if (!responseType) {
           const contentType = resp.headers.get("Content-Type") || "";
           if (contentType.includes("application/json")) responseType = "json";
@@ -51,6 +64,15 @@
       return response;
     }
   };
+  HTTP.keepHeaders = ["Session-Id", "Device-Id"];
+  HTTP._keepHeadersCache = {};
+  for (const name of HTTP.keepHeaders) {
+    try {
+      const val = localStorage.getItem("_http_keep_" + name);
+      if (val !== null) HTTP._keepHeadersCache[name] = val;
+    } catch (e) {
+    }
+  }
   globalThis.HTTP = HTTP;
   const UI = {};
   globalThis.Component.register("Toast", (container) => {
@@ -127,14 +149,14 @@
               <option $each="item.options" as="opt" $value="opt.value !== undefined ? opt.value : opt" $text="opt.label || opt"></option>
           </select>
           
-          <div $if="['checkbox', 'radio'].includes(item.type)" class="d-flex align-items-center flex-wrap gap-3 h-100">
+          <div $if="['checkbox', 'radio'].includes(item.type)" class="d-flex align-items-center flex-wrap gap-3 h-100" style="padding: 0 0.75rem; min-height: calc(2.25rem + 2px);">
               <label $each="item.options || [item.text||item.label||item.name]" as="opt" class="form-check mb-0 d-flex align-items-center" style="padding-left:0; cursor:pointer;">
                   <input $name="item.name" class="form-check-input m-0 me-2" style="float:none;" $type="item.type" $.="item.setting || {}" $value="item.options ? (opt.value !== undefined ? opt.value : opt) : 'on'" $bind="this.data[item.name]">
                   <span $if="!this.inline || (item.options && item.options.length > 0)" $text="opt.label || opt" class="form-check-label"></span>
               </label>
           </div>
 
-          <div $if="item.type === 'switch'" class="form-check form-switch fs-5 d-flex align-items-center m-0" style="padding-left:0; min-height:0; display:flex !important;">
+          <div $if="item.type === 'switch'" class="form-check form-switch fs-5 d-flex align-items-center m-0" style="padding: 0 0.75rem; min-height: calc(2.25rem + 2px); display:flex !important;">
               <input $name="item.name" class="form-check-input m-0" style="float:none; cursor:pointer" type="checkbox" $bind="this.data[item.name]">
           </div>
           

node_modules/.vite/deps/_metadata.json

@@ -1,15 +1,8 @@
 {
-  "hash": "945ec9e8",
+  "hash": "5696baa5",
   "configHash": "6c629749",
-  "lockfileHash": "463a0a64",
+  "lockfileHash": "e54d6ef0",
-  "browserHash": "38e755dd",
+  "browserHash": "d0b634f4",
-  "optimized": {
+  "optimized": {},
-    "bootstrap": {
-      "src": "../../../../bootstrap/node_modules/bootstrap/dist/js/bootstrap.esm.js",
-      "file": "bootstrap.js",
-      "fileHash": "b9d6a4a2",
-      "needsInterop": false
-    }
-  },
   "chunks": {}
 }

src/AutoForm.js

@@ -17,14 +17,14 @@ const AUTOFORM_BLUEPRINT = globalThis.Util.makeDom(/*html*/`
               <option $each="item.options" as="opt" $value="opt.value !== undefined ? opt.value : opt" $text="opt.label || opt"></option>
           </select>
           
-          <div $if="['checkbox', 'radio'].includes(item.type)" class="d-flex align-items-center flex-wrap gap-3 h-100">
+          <div $if="['checkbox', 'radio'].includes(item.type)" class="d-flex align-items-center flex-wrap gap-3 h-100" style="padding: 0 0.75rem; min-height: calc(2.25rem + 2px);">
               <label $each="item.options || [item.text||item.label||item.name]" as="opt" class="form-check mb-0 d-flex align-items-center" style="padding-left:0; cursor:pointer;">
                   <input $name="item.name" class="form-check-input m-0 me-2" style="float:none;" $type="item.type" $.="item.setting || {}" $value="item.options ? (opt.value !== undefined ? opt.value : opt) : 'on'" $bind="this.data[item.name]">
                   <span $if="!this.inline || (item.options && item.options.length > 0)" $text="opt.label || opt" class="form-check-label"></span>
               </label>
           </div>
 
-          <div $if="item.type === 'switch'" class="form-check form-switch fs-5 d-flex align-items-center m-0" style="padding-left:0; min-height:0; display:flex !important;">
+          <div $if="item.type === 'switch'" class="form-check form-switch fs-5 d-flex align-items-center m-0" style="padding: 0 0.75rem; min-height: calc(2.25rem + 2px); display:flex !important;">
               <input $name="item.name" class="form-check-input m-0" style="float:none; cursor:pointer" type="checkbox" $bind="this.data[item.name]">
           </div>
           

src/http.js

@@ -28,11 +28,21 @@ const HTTP = {
                         }
                         options.body = data
                 }
+                for (const name of HTTP.keepHeaders) {
+                        if (HTTP._keepHeadersCache[name] && !headers[name]) headers[name] = HTTP._keepHeadersCache[name]
+                }
                 if (Object.keys(headers).length) options.headers = headers
                 const response = { error: null, ok: null, status: 0, headers: {}, responseType: '', result: null }
                 try {
                         const resp = await fetch(url, options)
                         Object.assign(response, { ok: resp.ok, status: resp.status, headers: Object.fromEntries(resp.headers.entries()) })
+                        for (const name of HTTP.keepHeaders) {
+                                const val = resp.headers.get(name)
+                                if (val) {
+                                        HTTP._keepHeadersCache[name] = val
+                                        try { localStorage.setItem('_http_keep_' + name, val); } catch (e) {}
+                                }
+                        }
                         if (!responseType) {
                                 const contentType = resp.headers.get('Content-Type') || ''
                                 if (contentType.includes('application/json')) responseType = 'json'
@@ -50,5 +60,14 @@ const HTTP = {
         }
 }
 
+HTTP.keepHeaders = ['Session-Id', 'Device-Id'];
+HTTP._keepHeadersCache = {};
+for (const name of HTTP.keepHeaders) {
+        try {
+                const val = localStorage.getItem('_http_keep_' + name);
+                if (val !== null) HTTP._keepHeadersCache[name] = val;
+        } catch (e) {}
+}
+
 globalThis.HTTP = HTTP;
 export { HTTP };

test/lib/state.js

@@ -4,7 +4,7 @@
   "use strict";
   var _a, _b;
   const Util = {
-    clone: globalThis.structuredClone || ((obj) => JSON.parse(JSON.stringify(obj))),
+    clone: (obj) => JSON.parse(JSON.stringify(obj)),
     base64: (str) => btoa(String.fromCharCode(...new TextEncoder().encode(str))),
     unbase64: (str) => new TextDecoder().decode(Uint8Array.from(atob(str), (c) => c.charCodeAt(0))),
     urlbase64: (str) => Util.base64(str).replace(/[+/=]/g, (m) => ({ "+": "-", "/": "", "=": "" })[m]),