@wsxjs/wsx-core 0.0.19 → 0.0.20

package/dist/{chunk-UH5BDYGI.mjs → chunk-7FXISNME.mjs}

@@ -125,6 +125,186 @@ function parseHTMLToNodes(html) {
 }
 
 // src/jsx-factory.ts
+function isStandardHTMLAttribute(key) {
+  const standardAttributes = /* @__PURE__ */ new Set([
+    // 全局属性
+    "id",
+    "class",
+    "className",
+    "style",
+    "title",
+    "lang",
+    "dir",
+    "hidden",
+    "tabindex",
+    "accesskey",
+    "contenteditable",
+    "draggable",
+    "spellcheck",
+    "translate",
+    "autocapitalize",
+    "autocorrect",
+    // 表单属性
+    "name",
+    "value",
+    "type",
+    "placeholder",
+    "required",
+    "disabled",
+    "readonly",
+    "checked",
+    "selected",
+    "multiple",
+    "min",
+    "max",
+    "step",
+    "autocomplete",
+    "autofocus",
+    "form",
+    "formaction",
+    "formenctype",
+    "formmethod",
+    "formnovalidate",
+    "formtarget",
+    // 链接属性
+    "href",
+    "target",
+    "rel",
+    "download",
+    "hreflang",
+    "ping",
+    // 媒体属性
+    "src",
+    "alt",
+    "width",
+    "height",
+    "poster",
+    "preload",
+    "controls",
+    "autoplay",
+    "loop",
+    "muted",
+    "playsinline",
+    "crossorigin",
+    // ARIA 属性（部分常见）
+    "role"
+  ]);
+  const lowerKey = key.toLowerCase();
+  if (standardAttributes.has(lowerKey)) {
+    return true;
+  }
+  if (lowerKey.startsWith("data-")) {
+    return true;
+  }
+  if (lowerKey.startsWith("aria-")) {
+    return true;
+  }
+  if (key.startsWith("xml:") || key.startsWith("xlink:")) {
+    return true;
+  }
+  return false;
+}
+function isSpecialProperty(key, value) {
+  return key === "ref" || key === "className" || key === "class" || key === "style" || key.startsWith("on") && typeof value === "function" || typeof value === "boolean" || key === "value";
+}
+function setSmartProperty(element, key, value, isSVG = false) {
+  if (isSpecialProperty(key, value)) {
+    return;
+  }
+  if (isStandardHTMLAttribute(key)) {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Attribute "${key}" value too large, consider using a non-standard property name instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  if (element instanceof SVGElement) {
+    const attributeName = getSVGAttributeName(key);
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize SVG attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  const hasProperty = key in element || Object.prototype.hasOwnProperty.call(element, key);
+  if (hasProperty) {
+    let isReadOnly = false;
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);
+      if (descriptor) {
+        isReadOnly = descriptor.get !== void 0 && descriptor.set === void 0 || descriptor.writable === false && descriptor.set === void 0;
+      }
+    } catch {
+    }
+    if (isReadOnly) {
+      const attributeName = isSVG ? getSVGAttributeName(key) : key;
+      if (typeof value === "object" && value !== null) {
+        try {
+          const serialized = JSON.stringify(value);
+          element.setAttribute(attributeName, serialized);
+        } catch (error) {
+          console.warn(`[WSX] Cannot serialize readonly property "${key}":`, error);
+        }
+      } else {
+        element.setAttribute(attributeName, String(value));
+      }
+    } else {
+      try {
+        element[key] = value;
+      } catch {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        if (typeof value === "object" && value !== null) {
+          try {
+            const serialized = JSON.stringify(value);
+            element.setAttribute(attributeName, serialized);
+          } catch (error) {
+            console.warn(
+              `[WSX] Cannot serialize property "${key}" for attribute:`,
+              error
+            );
+          }
+        } else {
+          element.setAttribute(attributeName, String(value));
+        }
+      }
+    }
+  } else {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Property "${key}" value too large for attribute, consider using a JavaScript property instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize property "${key}" for attribute:`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+  }
+}
 function h(tag, props = {}, ...children) {
   if (typeof tag === "function") {
     return tag(props, children);
@@ -161,8 +341,7 @@ function h(tag, props = {}, ...children) {
           element.setAttribute(attributeName, String(value));
         }
       } else {
-        const attributeName = isSVG ? getSVGAttributeName(key) : key;
-        element.setAttribute(attributeName, String(value));
+        setSmartProperty(element, key, value, isSVG);
       }
     });
   }

package/dist/index.js

@@ -164,6 +164,186 @@ function parseHTMLToNodes(html) {
 }
 
 // src/jsx-factory.ts
+function isStandardHTMLAttribute(key) {
+  const standardAttributes = /* @__PURE__ */ new Set([
+    // 全局属性
+    "id",
+    "class",
+    "className",
+    "style",
+    "title",
+    "lang",
+    "dir",
+    "hidden",
+    "tabindex",
+    "accesskey",
+    "contenteditable",
+    "draggable",
+    "spellcheck",
+    "translate",
+    "autocapitalize",
+    "autocorrect",
+    // 表单属性
+    "name",
+    "value",
+    "type",
+    "placeholder",
+    "required",
+    "disabled",
+    "readonly",
+    "checked",
+    "selected",
+    "multiple",
+    "min",
+    "max",
+    "step",
+    "autocomplete",
+    "autofocus",
+    "form",
+    "formaction",
+    "formenctype",
+    "formmethod",
+    "formnovalidate",
+    "formtarget",
+    // 链接属性
+    "href",
+    "target",
+    "rel",
+    "download",
+    "hreflang",
+    "ping",
+    // 媒体属性
+    "src",
+    "alt",
+    "width",
+    "height",
+    "poster",
+    "preload",
+    "controls",
+    "autoplay",
+    "loop",
+    "muted",
+    "playsinline",
+    "crossorigin",
+    // ARIA 属性（部分常见）
+    "role"
+  ]);
+  const lowerKey = key.toLowerCase();
+  if (standardAttributes.has(lowerKey)) {
+    return true;
+  }
+  if (lowerKey.startsWith("data-")) {
+    return true;
+  }
+  if (lowerKey.startsWith("aria-")) {
+    return true;
+  }
+  if (key.startsWith("xml:") || key.startsWith("xlink:")) {
+    return true;
+  }
+  return false;
+}
+function isSpecialProperty(key, value) {
+  return key === "ref" || key === "className" || key === "class" || key === "style" || key.startsWith("on") && typeof value === "function" || typeof value === "boolean" || key === "value";
+}
+function setSmartProperty(element, key, value, isSVG = false) {
+  if (isSpecialProperty(key, value)) {
+    return;
+  }
+  if (isStandardHTMLAttribute(key)) {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Attribute "${key}" value too large, consider using a non-standard property name instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  if (element instanceof SVGElement) {
+    const attributeName = getSVGAttributeName(key);
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize SVG attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  const hasProperty = key in element || Object.prototype.hasOwnProperty.call(element, key);
+  if (hasProperty) {
+    let isReadOnly = false;
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);
+      if (descriptor) {
+        isReadOnly = descriptor.get !== void 0 && descriptor.set === void 0 || descriptor.writable === false && descriptor.set === void 0;
+      }
+    } catch {
+    }
+    if (isReadOnly) {
+      const attributeName = isSVG ? getSVGAttributeName(key) : key;
+      if (typeof value === "object" && value !== null) {
+        try {
+          const serialized = JSON.stringify(value);
+          element.setAttribute(attributeName, serialized);
+        } catch (error) {
+          console.warn(`[WSX] Cannot serialize readonly property "${key}":`, error);
+        }
+      } else {
+        element.setAttribute(attributeName, String(value));
+      }
+    } else {
+      try {
+        element[key] = value;
+      } catch {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        if (typeof value === "object" && value !== null) {
+          try {
+            const serialized = JSON.stringify(value);
+            element.setAttribute(attributeName, serialized);
+          } catch (error) {
+            console.warn(
+              `[WSX] Cannot serialize property "${key}" for attribute:`,
+              error
+            );
+          }
+        } else {
+          element.setAttribute(attributeName, String(value));
+        }
+      }
+    }
+  } else {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Property "${key}" value too large for attribute, consider using a JavaScript property instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize property "${key}" for attribute:`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+  }
+}
 function h(tag, props = {}, ...children) {
   if (typeof tag === "function") {
     return tag(props, children);
@@ -200,8 +380,7 @@ function h(tag, props = {}, ...children) {
           element.setAttribute(attributeName, String(value));
         }
       } else {
-        const attributeName = isSVG ? getSVGAttributeName(key) : key;
-        element.setAttribute(attributeName, String(value));
+        setSmartProperty(element, key, value, isSVG);
       }
     });
   }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   Fragment,
   h
-} from "./chunk-UH5BDYGI.mjs";
+} from "./chunk-7FXISNME.mjs";
 
 // src/styles/style-manager.ts
 var StyleManager = class {

package/dist/jsx-runtime.js

@@ -153,6 +153,186 @@ function parseHTMLToNodes(html) {
 }
 
 // src/jsx-factory.ts
+function isStandardHTMLAttribute(key) {
+  const standardAttributes = /* @__PURE__ */ new Set([
+    // 全局属性
+    "id",
+    "class",
+    "className",
+    "style",
+    "title",
+    "lang",
+    "dir",
+    "hidden",
+    "tabindex",
+    "accesskey",
+    "contenteditable",
+    "draggable",
+    "spellcheck",
+    "translate",
+    "autocapitalize",
+    "autocorrect",
+    // 表单属性
+    "name",
+    "value",
+    "type",
+    "placeholder",
+    "required",
+    "disabled",
+    "readonly",
+    "checked",
+    "selected",
+    "multiple",
+    "min",
+    "max",
+    "step",
+    "autocomplete",
+    "autofocus",
+    "form",
+    "formaction",
+    "formenctype",
+    "formmethod",
+    "formnovalidate",
+    "formtarget",
+    // 链接属性
+    "href",
+    "target",
+    "rel",
+    "download",
+    "hreflang",
+    "ping",
+    // 媒体属性
+    "src",
+    "alt",
+    "width",
+    "height",
+    "poster",
+    "preload",
+    "controls",
+    "autoplay",
+    "loop",
+    "muted",
+    "playsinline",
+    "crossorigin",
+    // ARIA 属性（部分常见）
+    "role"
+  ]);
+  const lowerKey = key.toLowerCase();
+  if (standardAttributes.has(lowerKey)) {
+    return true;
+  }
+  if (lowerKey.startsWith("data-")) {
+    return true;
+  }
+  if (lowerKey.startsWith("aria-")) {
+    return true;
+  }
+  if (key.startsWith("xml:") || key.startsWith("xlink:")) {
+    return true;
+  }
+  return false;
+}
+function isSpecialProperty(key, value) {
+  return key === "ref" || key === "className" || key === "class" || key === "style" || key.startsWith("on") && typeof value === "function" || typeof value === "boolean" || key === "value";
+}
+function setSmartProperty(element, key, value, isSVG = false) {
+  if (isSpecialProperty(key, value)) {
+    return;
+  }
+  if (isStandardHTMLAttribute(key)) {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Attribute "${key}" value too large, consider using a non-standard property name instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  if (element instanceof SVGElement) {
+    const attributeName = getSVGAttributeName(key);
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize SVG attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  const hasProperty = key in element || Object.prototype.hasOwnProperty.call(element, key);
+  if (hasProperty) {
+    let isReadOnly = false;
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);
+      if (descriptor) {
+        isReadOnly = descriptor.get !== void 0 && descriptor.set === void 0 || descriptor.writable === false && descriptor.set === void 0;
+      }
+    } catch {
+    }
+    if (isReadOnly) {
+      const attributeName = isSVG ? getSVGAttributeName(key) : key;
+      if (typeof value === "object" && value !== null) {
+        try {
+          const serialized = JSON.stringify(value);
+          element.setAttribute(attributeName, serialized);
+        } catch (error) {
+          console.warn(`[WSX] Cannot serialize readonly property "${key}":`, error);
+        }
+      } else {
+        element.setAttribute(attributeName, String(value));
+      }
+    } else {
+      try {
+        element[key] = value;
+      } catch {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        if (typeof value === "object" && value !== null) {
+          try {
+            const serialized = JSON.stringify(value);
+            element.setAttribute(attributeName, serialized);
+          } catch (error) {
+            console.warn(
+              `[WSX] Cannot serialize property "${key}" for attribute:`,
+              error
+            );
+          }
+        } else {
+          element.setAttribute(attributeName, String(value));
+        }
+      }
+    }
+  } else {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Property "${key}" value too large for attribute, consider using a JavaScript property instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize property "${key}" for attribute:`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+  }
+}
 function h(tag, props = {}, ...children) {
   if (typeof tag === "function") {
     return tag(props, children);
@@ -189,8 +369,7 @@ function h(tag, props = {}, ...children) {
           element.setAttribute(attributeName, String(value));
         }
       } else {
-        const attributeName = isSVG ? getSVGAttributeName(key) : key;
-        element.setAttribute(attributeName, String(value));
+        setSmartProperty(element, key, value, isSVG);
       }
     });
   }

package/dist/jsx-runtime.mjs

@@ -2,7 +2,7 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-UH5BDYGI.mjs";
+} from "./chunk-7FXISNME.mjs";
 export {
   Fragment,
   jsx,

package/dist/jsx.js

@@ -152,6 +152,186 @@ function parseHTMLToNodes(html) {
 }
 
 // src/jsx-factory.ts
+function isStandardHTMLAttribute(key) {
+  const standardAttributes = /* @__PURE__ */ new Set([
+    // 全局属性
+    "id",
+    "class",
+    "className",
+    "style",
+    "title",
+    "lang",
+    "dir",
+    "hidden",
+    "tabindex",
+    "accesskey",
+    "contenteditable",
+    "draggable",
+    "spellcheck",
+    "translate",
+    "autocapitalize",
+    "autocorrect",
+    // 表单属性
+    "name",
+    "value",
+    "type",
+    "placeholder",
+    "required",
+    "disabled",
+    "readonly",
+    "checked",
+    "selected",
+    "multiple",
+    "min",
+    "max",
+    "step",
+    "autocomplete",
+    "autofocus",
+    "form",
+    "formaction",
+    "formenctype",
+    "formmethod",
+    "formnovalidate",
+    "formtarget",
+    // 链接属性
+    "href",
+    "target",
+    "rel",
+    "download",
+    "hreflang",
+    "ping",
+    // 媒体属性
+    "src",
+    "alt",
+    "width",
+    "height",
+    "poster",
+    "preload",
+    "controls",
+    "autoplay",
+    "loop",
+    "muted",
+    "playsinline",
+    "crossorigin",
+    // ARIA 属性（部分常见）
+    "role"
+  ]);
+  const lowerKey = key.toLowerCase();
+  if (standardAttributes.has(lowerKey)) {
+    return true;
+  }
+  if (lowerKey.startsWith("data-")) {
+    return true;
+  }
+  if (lowerKey.startsWith("aria-")) {
+    return true;
+  }
+  if (key.startsWith("xml:") || key.startsWith("xlink:")) {
+    return true;
+  }
+  return false;
+}
+function isSpecialProperty(key, value) {
+  return key === "ref" || key === "className" || key === "class" || key === "style" || key.startsWith("on") && typeof value === "function" || typeof value === "boolean" || key === "value";
+}
+function setSmartProperty(element, key, value, isSVG = false) {
+  if (isSpecialProperty(key, value)) {
+    return;
+  }
+  if (isStandardHTMLAttribute(key)) {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Attribute "${key}" value too large, consider using a non-standard property name instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  if (element instanceof SVGElement) {
+    const attributeName = getSVGAttributeName(key);
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize SVG attribute "${key}":`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+    return;
+  }
+  const hasProperty = key in element || Object.prototype.hasOwnProperty.call(element, key);
+  if (hasProperty) {
+    let isReadOnly = false;
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);
+      if (descriptor) {
+        isReadOnly = descriptor.get !== void 0 && descriptor.set === void 0 || descriptor.writable === false && descriptor.set === void 0;
+      }
+    } catch {
+    }
+    if (isReadOnly) {
+      const attributeName = isSVG ? getSVGAttributeName(key) : key;
+      if (typeof value === "object" && value !== null) {
+        try {
+          const serialized = JSON.stringify(value);
+          element.setAttribute(attributeName, serialized);
+        } catch (error) {
+          console.warn(`[WSX] Cannot serialize readonly property "${key}":`, error);
+        }
+      } else {
+        element.setAttribute(attributeName, String(value));
+      }
+    } else {
+      try {
+        element[key] = value;
+      } catch {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        if (typeof value === "object" && value !== null) {
+          try {
+            const serialized = JSON.stringify(value);
+            element.setAttribute(attributeName, serialized);
+          } catch (error) {
+            console.warn(
+              `[WSX] Cannot serialize property "${key}" for attribute:`,
+              error
+            );
+          }
+        } else {
+          element.setAttribute(attributeName, String(value));
+        }
+      }
+    }
+  } else {
+    const attributeName = isSVG ? getSVGAttributeName(key) : key;
+    if (typeof value === "object" && value !== null) {
+      try {
+        const serialized = JSON.stringify(value);
+        if (serialized.length > 1024 * 1024) {
+          console.warn(
+            `[WSX] Property "${key}" value too large for attribute, consider using a JavaScript property instead`
+          );
+        }
+        element.setAttribute(attributeName, serialized);
+      } catch (error) {
+        console.warn(`[WSX] Cannot serialize property "${key}" for attribute:`, error);
+      }
+    } else {
+      element.setAttribute(attributeName, String(value));
+    }
+  }
+}
 function h(tag, props = {}, ...children) {
   if (typeof tag === "function") {
     return tag(props, children);
@@ -188,8 +368,7 @@ function h(tag, props = {}, ...children) {
           element.setAttribute(attributeName, String(value));
         }
       } else {
-        const attributeName = isSVG ? getSVGAttributeName(key) : key;
-        element.setAttribute(attributeName, String(value));
+        setSmartProperty(element, key, value, isSVG);
       }
     });
   }

package/dist/jsx.mjs

@@ -1,7 +1,7 @@
 import {
   Fragment,
   h
-} from "./chunk-UH5BDYGI.mjs";
+} from "./chunk-7FXISNME.mjs";
 export {
   Fragment,
   h

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":["../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../src/utils/svg-utils.ts","../src/utils/dom-utils.ts","../src/jsx-factory.ts","../src/styles/style-manager.ts","../../../node_modules/.pnpm/loglevel@1.9.2/node_modules/loglevel/index.d.ts","../../logger/dist/index.d.ts","../src/utils/reactive.ts","../src/base-component.ts","../src/web-component.ts","../src/light-component.ts","../src/reactive-decorator.ts","../src/index.ts","../types/wsx-types.d.ts","../types/jsx.d.ts","../types/jsx-runtime.d.ts","../src/auto-register.ts","../src/jsx-runtime.ts","../src/jsx.ts","../src/utils/logger.ts","../__tests__/jsx-factory.test.ts","../__tests__/light-component.test.ts","../__tests__/rerender-scheduling.test.ts","../__tests__/smart-property-assignment.test.ts","../__tests__/web-component.test.ts","../../../node_modules/.pnpm/@jest+expect-utils@29.7.0/node_modules/@jest/expect-utils/build/index.d.ts","../../../node_modules/.pnpm/chalk@4.1.2/node_modules/chalk/index.d.ts","../../../node_modules/.pnpm/@sinclair+typebox@0.27.8/node_modules/@sinclair/typebox/typebox.d.ts","../../../node_modules/.pnpm/@jest+schemas@29.6.3/node_modules/@jest/schemas/build/index.d.ts","../../../node_modules/.pnpm/pretty-format@29.7.0/node_modules/pretty-format/build/index.d.ts","../../../node_modules/.pnpm/jest-diff@29.7.0/node_modules/jest-diff/build/index.d.ts","../../../node_modules/.pnpm/jest-matcher-utils@29.7.0/node_modules/jest-matcher-utils/build/index.d.ts","../../../node_modules/.pnpm/expect@29.7.0/node_modules/expect/build/index.d.ts","../../../node_modules/.pnpm/@types+jest@29.5.14/node_modules/@types/jest/index.d.ts"],"fileIdsList":[[74],[76,79],[72,78],[76],[73,77],[75],[49,50,62],[50,57,62],[50,56,57,62],[50,62],[50,56,62],[62],[54,62],[50,51,53,54,56,57,58,62,63],[48,49,62],[50,53,55,62],[53,62],[50,51,53,55,62],[60,61],[60],[59],[52]],"fileInfos":[{"version":"69684132aeb9b5642cbcd9e22dff7818ff0ee1aa831728af0ecf97d3364d5546","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"092c2bfe125ce69dbb1223c85d68d4d2397d7d8411867b5cc03cec902c233763","affectsGlobalScope":true,"impliedFormat":1},{"version":"07f073f19d67f74d732b1adea08e1dc66b1b58d77cb5b43931dee3d798a2fd53","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"936e80ad36a2ee83fc3caf008e7c4c5afe45b3cf3d5c24408f039c1d47bdc1df","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"fef8cfad2e2dc5f5b3d97a6f4f2e92848eb1b88e897bb7318cef0e2820bceaab","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},"a2d11f94d9a2763a19430da7aa846ed2bddd53c76fa3f14d13d88bb4934f2579","d9378f1d2add3a8ef09a80ceb45c7538f791e4814486f6f87c1f75b8770f0087","19ecfd858f27b7e87d132d22bd2575f68018976e8c5eec44b7557660a54e08e1","752a4c5da1ed657428bfe7047a43b9166d20ac19c33d840eabce154f9f5df55b",{"version":"4aa7fdc017a0a097c71ada2ca187e1475c987b4f933960c0792eb143997e4709","impliedFormat":1},"65f3f541c306088b14dfde53f7f67f2eb6234597ba74801ee5a2e44df7f9d860","3bbe77bad784daab0ac850c6f8c2b023b3710db3060a3aeabe21c596dc5f0a4e","a06838dad2d7796480c030cb18248fcc2426fd4d375815605f11c541e8fae335","43b40612ad49a6037dd0ba70ff6756a2061c43a222b7662857aa2b050463b9b1","cdf1b6ea25f550c5b3a30c3586e2022659e21854056af3bca69206b4a74265f9","a53adc49fae50b1d885d47272fd7aea88ff0b94ad9a09a2a65974f5fe471850d","f33cac031ee04cafbc468177540c251ba1630f0e6f5f4eeeae2103b7ef7b4758","2261a58ed7f7ced3c20de3753f86aaf4cb80ca718340d532083f9dd8febe6a87","884a9ee6ee9ff94877b6819c427264ce8abd52a279707df0981e0beb520d08f7","3738a73aea7d44b8dc355a1d9412abe6a0493a22edb29a5f08e9b02667134b41","464b245ec63af0bc42fef5f74fc475b115fc9e93512fb0d13779ccf25f292a99","4c5dad0fedb9673bc9b978f89d8c735d822ab75dede69b2bff8f20675c06d5de",{"version":"a8b4590bd7202b0be959940994ef48c7e691c9b27d801b6a2ccf9cf9465343bf","affectsGlobalScope":true},"89fa01b584a104cc2e17900f8bcabaffbcab38908c8acc6422e24e27a7dbca5b","8873e9704caaf70f835f8394d09859b7543cb424cf30fb1d1949193f0d57da03","0417587f3573e747db27c92410d078affb8b8bbb9d74edf38209ec563bb1dcd5","084104d236d7263594343ab8be09e1472dfa8bc4a6787d7c73c8e362ae62b3c1","ee4d984eff6c775b61d5b0e50c9ba9b989a84d36929959d4b68ca5b33dae6310","b0c84003af094406e722c9519bb83d54e0609f488fa529fe430b1378a8c9db42",{"version":"cdcc132f207d097d7d3aa75615ab9a2e71d6a478162dde8b67f88ea19f3e54de","impliedFormat":1},{"version":"0d14fa22c41fdc7277e6f71473b20ebc07f40f00e38875142335d5b63cdfc9d2","impliedFormat":1},{"version":"c085e9aa62d1ae1375794c1fb927a445fa105fed891a7e24edbb1c3300f7384a","impliedFormat":1},{"version":"f315e1e65a1f80992f0509e84e4ae2df15ecd9ef73df975f7c98813b71e4c8da","impliedFormat":1},{"version":"5b9586e9b0b6322e5bfbd2c29bd3b8e21ab9d871f82346cb71020e3d84bae73e","impliedFormat":1},{"version":"3e70a7e67c2cb16f8cd49097360c0309fe9d1e3210ff9222e9dac1f8df9d4fb6","impliedFormat":1},{"version":"ab68d2a3e3e8767c3fba8f80de099a1cfc18c0de79e42cb02ae66e22dfe14a66","impliedFormat":1},{"version":"d96cc6598148bf1a98fb2e8dcf01c63a4b3558bdaec6ef35e087fd0562eb40ec","impliedFormat":1},{"version":"f8db4fea512ab759b2223b90ecbbe7dae919c02f8ce95ec03f7fb1cf757cfbeb","affectsGlobalScope":true,"impliedFormat":1}],"root":[[48,51],[54,60],[63,71]],"options":{"allowImportingTsExtensions":true,"composite":true,"declaration":true,"declarationMap":true,"emitDecoratorMetadata":true,"experimentalDecorators":true,"jsx":4,"jsxImportSource":"@wsxjs/wsx-core","module":99,"noFallthroughCasesInSwitch":true,"noUnusedLocals":true,"noUnusedParameters":true,"outDir":"./","skipLibCheck":true,"sourceMap":true,"strict":true,"target":7,"useDefineForClassFields":false},"referencedMap":[[75,1],[80,2],[79,3],[77,4],[78,5],[76,6],[67,7],[68,8],[69,9],[70,10],[71,11],[63,12],[55,13],[59,14],[50,15],[64,10],[65,10],[57,16],[58,12],[51,12],[49,12],[66,12],[54,17],[48,12],[56,18],[62,19],[61,20],[60,21],[53,22]],"affectedFilesPendingEmit":[[67,51],[68,51],[69,51],[70,51],[71,51],[63,51],[55,51],[59,51],[50,51],[64,51],[65,51],[57,51],[58,51],[51,51],[49,51],[66,51],[54,51],[48,51],[56,51]],"emitSignatures":[48,49,50,51,54,55,56,57,58,59,63,64,65,66,67,68,69,70,71],"version":"5.8.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/wsx-core",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Core WSXJS - Web Components with JSX syntax",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -48,7 +48,7 @@
     "custom-elements"
   ],
   "dependencies": {
-    "@wsxjs/wsx-logger": "0.0.19"
+    "@wsxjs/wsx-logger": "0.0.20"
   },
   "devDependencies": {
     "tsup": "^8.0.0",

package/src/jsx-factory.ts

@@ -14,6 +14,269 @@
 import { createElement, shouldUseSVGNamespace, getSVGAttributeName } from "./utils/svg-utils";
 import { parseHTMLToNodes } from "./utils/dom-utils";
 
+/**
+ * 检查是否是 HTML 标准属性
+ * HTML First 策略的核心：优先识别标准属性
+ *
+ * @param key - 属性名
+ * @returns 是否是标准 HTML 属性
+ */
+function isStandardHTMLAttribute(key: string): boolean {
+    // 标准 HTML 属性集合（常见属性）
+    const standardAttributes = new Set([
+        // 全局属性
+        "id",
+        "class",
+        "className",
+        "style",
+        "title",
+        "lang",
+        "dir",
+        "hidden",
+        "tabindex",
+        "accesskey",
+        "contenteditable",
+        "draggable",
+        "spellcheck",
+        "translate",
+        "autocapitalize",
+        "autocorrect",
+        // 表单属性
+        "name",
+        "value",
+        "type",
+        "placeholder",
+        "required",
+        "disabled",
+        "readonly",
+        "checked",
+        "selected",
+        "multiple",
+        "min",
+        "max",
+        "step",
+        "autocomplete",
+        "autofocus",
+        "form",
+        "formaction",
+        "formenctype",
+        "formmethod",
+        "formnovalidate",
+        "formtarget",
+        // 链接属性
+        "href",
+        "target",
+        "rel",
+        "download",
+        "hreflang",
+        "ping",
+        // 媒体属性
+        "src",
+        "alt",
+        "width",
+        "height",
+        "poster",
+        "preload",
+        "controls",
+        "autoplay",
+        "loop",
+        "muted",
+        "playsinline",
+        "crossorigin",
+        // ARIA 属性（部分常见）
+        "role",
+    ]);
+
+    const lowerKey = key.toLowerCase();
+
+    // 检查是否是标准属性
+    if (standardAttributes.has(lowerKey)) {
+        return true;
+    }
+
+    // 检查是否是 data-* 属性（必须使用连字符）
+    // 注意：单独的 "data" 不是标准属性，不在这个列表中
+    // data 可以检查 JavaScript 属性，data-* 只使用 setAttribute
+    if (lowerKey.startsWith("data-")) {
+        return true; // 标准属性，只使用 setAttribute，不检查对象属性
+    }
+
+    // 检查是否是 aria-* 属性
+    if (lowerKey.startsWith("aria-")) {
+        return true;
+    }
+
+    // 检查是否是 SVG 命名空间属性
+    if (key.startsWith("xml:") || key.startsWith("xlink:")) {
+        return true;
+    }
+
+    return false;
+}
+
+/**
+ * 检查是否是特殊属性（已有专门处理逻辑的属性）
+ * 这些属性不应该进入通用属性处理流程
+ */
+function isSpecialProperty(key: string, value: unknown): boolean {
+    return (
+        key === "ref" ||
+        key === "className" ||
+        key === "class" ||
+        key === "style" ||
+        (key.startsWith("on") && typeof value === "function") ||
+        typeof value === "boolean" ||
+        key === "value"
+    );
+}
+
+/**
+ * 智能属性设置函数
+ * HTML First 策略：优先使用 HTML 属性，避免与标准属性冲突
+ *
+ * @param element - DOM 元素
+ * @param key - 属性名
+ * @param value - 属性值
+ * @param isSVG - 是否是 SVG 元素
+ */
+function setSmartProperty(
+    element: HTMLElement | SVGElement,
+    key: string,
+    value: unknown,
+    isSVG: boolean = false
+): void {
+    // 1. 检查是否是特殊属性（已有处理逻辑的属性）
+    if (isSpecialProperty(key, value)) {
+        return; // 由现有逻辑处理
+    }
+
+    // 2. HTML First: 优先检查是否是 HTML 标准属性
+    if (isStandardHTMLAttribute(key)) {
+        // 标准 HTML 属性：直接使用 setAttribute，不检查 JavaScript 属性
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+
+        // 对于复杂类型，尝试序列化
+        if (typeof value === "object" && value !== null) {
+            try {
+                const serialized = JSON.stringify(value);
+                // 检查长度限制（保守估计 1MB）
+                if (serialized.length > 1024 * 1024) {
+                    console.warn(
+                        `[WSX] Attribute "${key}" value too large, ` +
+                            `consider using a non-standard property name instead`
+                    );
+                }
+                element.setAttribute(attributeName, serialized);
+            } catch (error) {
+                // 无法序列化（如循环引用），警告并跳过
+                console.warn(`[WSX] Cannot serialize attribute "${key}":`, error);
+            }
+        } else {
+            element.setAttribute(attributeName, String(value));
+        }
+        // 重要：标准属性只使用 setAttribute，不使用 JavaScript 属性
+        return;
+    }
+
+    // 3. SVG 元素特殊处理：对于 SVG 元素，很多属性应该直接使用 setAttribute
+    // 因为 SVG 元素的很多属性是只读的（如 viewBox）
+    if (element instanceof SVGElement) {
+        const attributeName = getSVGAttributeName(key);
+        // 对于复杂类型，尝试序列化
+        if (typeof value === "object" && value !== null) {
+            try {
+                const serialized = JSON.stringify(value);
+                element.setAttribute(attributeName, serialized);
+            } catch (error) {
+                console.warn(`[WSX] Cannot serialize SVG attribute "${key}":`, error);
+            }
+        } else {
+            element.setAttribute(attributeName, String(value));
+        }
+        return;
+    }
+
+    // 4. 非标准属性：检查元素是否有该 JavaScript 属性
+    const hasProperty = key in element || Object.prototype.hasOwnProperty.call(element, key);
+
+    if (hasProperty) {
+        // 检查是否是只读属性
+        let isReadOnly = false;
+        try {
+            const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);
+            if (descriptor) {
+                isReadOnly =
+                    (descriptor.get !== undefined && descriptor.set === undefined) ||
+                    (descriptor.writable === false && descriptor.set === undefined);
+            }
+        } catch {
+            // 忽略错误，继续尝试设置
+        }
+
+        if (isReadOnly) {
+            // 只读属性使用 setAttribute
+            const attributeName = isSVG ? getSVGAttributeName(key) : key;
+            // 对于复杂类型，尝试序列化
+            if (typeof value === "object" && value !== null) {
+                try {
+                    const serialized = JSON.stringify(value);
+                    element.setAttribute(attributeName, serialized);
+                } catch (error) {
+                    console.warn(`[WSX] Cannot serialize readonly property "${key}":`, error);
+                }
+            } else {
+                element.setAttribute(attributeName, String(value));
+            }
+        } else {
+            // 使用 JavaScript 属性赋值（支持任意类型）
+            try {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (element as any)[key] = value;
+            } catch {
+                // 如果赋值失败，回退到 setAttribute
+                const attributeName = isSVG ? getSVGAttributeName(key) : key;
+                // 对于复杂类型，尝试序列化
+                if (typeof value === "object" && value !== null) {
+                    try {
+                        const serialized = JSON.stringify(value);
+                        element.setAttribute(attributeName, serialized);
+                    } catch (error) {
+                        console.warn(
+                            `[WSX] Cannot serialize property "${key}" for attribute:`,
+                            error
+                        );
+                    }
+                } else {
+                    element.setAttribute(attributeName, String(value));
+                }
+            }
+        }
+    } else {
+        // 没有 JavaScript 属性，使用 setAttribute
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+
+        // 对于复杂类型，尝试序列化
+        if (typeof value === "object" && value !== null) {
+            try {
+                const serialized = JSON.stringify(value);
+                // 检查长度限制
+                if (serialized.length > 1024 * 1024) {
+                    console.warn(
+                        `[WSX] Property "${key}" value too large for attribute, ` +
+                            `consider using a JavaScript property instead`
+                    );
+                }
+                element.setAttribute(attributeName, serialized);
+            } catch (error) {
+                // 无法序列化，警告并跳过
+                console.warn(`[WSX] Cannot serialize property "${key}" for attribute:`, error);
+            }
+        } else {
+            element.setAttribute(attributeName, String(value));
+        }
+    }
+}
+
 // JSX子元素类型
 export type JSXChildren =
     | string
@@ -105,11 +368,9 @@ export function h(
                     element.setAttribute(attributeName, String(value));
                 }
             }
-            // 处理其他属性
+            // 处理其他属性 - 使用智能属性设置函数
             else {
-                // 对SVG元素使用正确的属性名
-                const attributeName = isSVG ? getSVGAttributeName(key) : key;
-                element.setAttribute(attributeName, String(value));
+                setSmartProperty(element, key, value, isSVG);
             }
         });
     }