@wsxjs/wsx-core 0.0.18 → 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,