@wsxjs/wsx-core 0.0.16 → 0.0.18

package/dist/chunk-GOIGP2BR.mjs

@@ -0,0 +1,271 @@
+// src/utils/svg-utils.ts
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+var SVG_ONLY_ELEMENTS = /* @__PURE__ */ new Set([
+  // 结构元素 (Structural elements)
+  "svg",
+  "defs",
+  "g",
+  "symbol",
+  "use",
+  // 图形元素 (Graphics elements)
+  "circle",
+  "ellipse",
+  "line",
+  "path",
+  "polygon",
+  "polyline",
+  "rect",
+  // 文本元素 (Text elements)
+  "textPath",
+  "tspan",
+  // 渐变和模式 (Gradients and patterns)
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern",
+  // 滤镜 (Filter elements)
+  "filter",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  // 动画元素 (Animation elements)
+  "animate",
+  "animateMotion",
+  "animateTransform",
+  "set",
+  // 其他元素 (Other elements)
+  "clipPath",
+  "foreignObject",
+  "marker",
+  "mask",
+  "metadata",
+  "switch",
+  "desc"
+]);
+var DUAL_ELEMENTS = /* @__PURE__ */ new Set(["image", "style", "title", "text"]);
+var FORCE_HTML_ELEMENTS = /* @__PURE__ */ new Set(["a"]);
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  ...SVG_ONLY_ELEMENTS,
+  ...DUAL_ELEMENTS,
+  ...FORCE_HTML_ELEMENTS
+]);
+var svgContext = false;
+function isSVGOnlyElement(tagName) {
+  return SVG_ONLY_ELEMENTS.has(tagName);
+}
+function isDualElement(tagName) {
+  return DUAL_ELEMENTS.has(tagName);
+}
+function isForceHTMLElement(tagName) {
+  return FORCE_HTML_ELEMENTS.has(tagName);
+}
+function setSVGContext(inSVG) {
+  svgContext = inSVG;
+}
+function createElement(tagName) {
+  if (isForceHTMLElement(tagName)) {
+    return document.createElement(tagName);
+  }
+  if (isSVGOnlyElement(tagName)) {
+    setSVGContext(true);
+    return document.createElementNS(SVG_NAMESPACE, tagName);
+  }
+  if (isDualElement(tagName)) {
+    if (svgContext) {
+      return document.createElementNS(SVG_NAMESPACE, tagName);
+    }
+  }
+  return document.createElement(tagName);
+}
+function shouldUseSVGNamespace(tagName) {
+  return isSVGOnlyElement(tagName) || isDualElement(tagName) && svgContext;
+}
+var SVG_ATTRIBUTE_MAP = /* @__PURE__ */ new Map([
+  ["className", "class"],
+  ["htmlFor", "for"]
+]);
+function getSVGAttributeName(attributeName) {
+  return SVG_ATTRIBUTE_MAP.get(attributeName) || attributeName;
+}
+
+// src/utils/dom-utils.ts
+function parseHTMLToNodes(html) {
+  if (!html) return [];
+  const temp = document.createElement("div");
+  temp.innerHTML = html;
+  return Array.from(temp.childNodes).map((node) => {
+    if (node instanceof HTMLElement || node instanceof SVGElement) {
+      return node;
+    } else {
+      return node.textContent || "";
+    }
+  });
+}
+
+// src/jsx-factory.ts
+function h(tag, props = {}, ...children) {
+  if (typeof tag === "function") {
+    return tag(props, children);
+  }
+  const element = createElement(tag);
+  if (props) {
+    const isSVG = shouldUseSVGNamespace(tag);
+    Object.entries(props).forEach(([key, value]) => {
+      if (value === null || value === void 0 || value === false) {
+        return;
+      }
+      if (key === "ref" && typeof value === "function") {
+        value(element);
+      } else if (key === "className" || key === "class") {
+        if (isSVG) {
+          element.setAttribute("class", value);
+        } else {
+          element.className = value;
+        }
+      } else if (key === "style" && typeof value === "string") {
+        element.setAttribute("style", value);
+      } else if (key.startsWith("on") && typeof value === "function") {
+        const eventName = key.slice(2).toLowerCase();
+        element.addEventListener(eventName, value);
+      } else if (typeof value === "boolean") {
+        if (value) {
+          element.setAttribute(key, "");
+        }
+      } else if (key === "value") {
+        if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) {
+          element.value = String(value);
+        } else {
+          const attributeName = isSVG ? getSVGAttributeName(key) : key;
+          element.setAttribute(attributeName, String(value));
+        }
+      } else {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        element.setAttribute(attributeName, String(value));
+      }
+    });
+  }
+  const flatChildren = flattenChildren(children);
+  flatChildren.forEach((child) => {
+    if (child === null || child === void 0 || child === false) {
+      return;
+    }
+    if (typeof child === "string" || typeof child === "number") {
+      element.appendChild(document.createTextNode(String(child)));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      element.appendChild(child);
+    } else if (child instanceof DocumentFragment) {
+      element.appendChild(child);
+    }
+  });
+  return element;
+}
+function isHTMLString(str) {
+  const htmlTagPattern = /<[a-z][\s\S]*>/i;
+  return htmlTagPattern.test(str.trim());
+}
+function flattenChildren(children, skipHTMLDetection = false, depth = 0) {
+  if (depth > 10) {
+    console.warn("[WSX] flattenChildren: Maximum depth exceeded, treating remaining children as text");
+    return children.filter(
+      (child) => typeof child === "string" || typeof child === "number"
+    );
+  }
+  const result = [];
+  for (const child of children) {
+    if (child === null || child === void 0 || child === false) {
+      continue;
+    } else if (Array.isArray(child)) {
+      result.push(...flattenChildren(child, skipHTMLDetection, depth + 1));
+    } else if (typeof child === "string") {
+      if (skipHTMLDetection) {
+        result.push(child);
+      } else if (isHTMLString(child)) {
+        try {
+          const nodes = parseHTMLToNodes(child);
+          if (nodes.length > 0) {
+            result.push(...flattenChildren(nodes, true, depth + 1));
+          } else {
+            result.push(child);
+          }
+        } catch (error) {
+          console.warn("[WSX] Failed to parse HTML string, treating as text:", error);
+          result.push(child);
+        }
+      } else {
+        result.push(child);
+      }
+    } else {
+      result.push(child);
+    }
+  }
+  return result;
+}
+function Fragment(_props, children) {
+  const fragment = document.createDocumentFragment();
+  const flatChildren = flattenChildren(children);
+  flatChildren.forEach((child) => {
+    if (child === null || child === void 0 || child === false) {
+      return;
+    }
+    if (typeof child === "string" || typeof child === "number") {
+      fragment.appendChild(document.createTextNode(String(child)));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      fragment.appendChild(child);
+    } else if (child instanceof DocumentFragment) {
+      fragment.appendChild(child);
+    }
+  });
+  return fragment;
+}
+function jsx(tag, props) {
+  if (!props) {
+    return h(tag, null);
+  }
+  const { children, ...restProps } = props;
+  if (children !== void 0 && children !== null) {
+    const childrenArray = Array.isArray(children) ? children : [children];
+    return h(tag, restProps, ...childrenArray);
+  }
+  return h(tag, restProps);
+}
+function jsxs(tag, props) {
+  if (!props) {
+    return h(tag, null);
+  }
+  const { children, ...restProps } = props;
+  if (Array.isArray(children)) {
+    return h(tag, restProps, ...children);
+  } else if (children !== void 0 && children !== null) {
+    return h(tag, restProps, children);
+  }
+  return h(tag, restProps);
+}
+
+export {
+  h,
+  Fragment,
+  jsx,
+  jsxs
+};

package/dist/chunk-H6LR3P4O.mjs

@@ -0,0 +1,256 @@
+// src/utils/svg-utils.ts
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+var SVG_ONLY_ELEMENTS = /* @__PURE__ */ new Set([
+  // 结构元素 (Structural elements)
+  "svg",
+  "defs",
+  "g",
+  "symbol",
+  "use",
+  // 图形元素 (Graphics elements)
+  "circle",
+  "ellipse",
+  "line",
+  "path",
+  "polygon",
+  "polyline",
+  "rect",
+  // 文本元素 (Text elements)
+  "textPath",
+  "tspan",
+  // 渐变和模式 (Gradients and patterns)
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern",
+  // 滤镜 (Filter elements)
+  "filter",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  // 动画元素 (Animation elements)
+  "animate",
+  "animateMotion",
+  "animateTransform",
+  "set",
+  // 其他元素 (Other elements)
+  "clipPath",
+  "foreignObject",
+  "marker",
+  "mask",
+  "metadata",
+  "switch",
+  "desc"
+]);
+var DUAL_ELEMENTS = /* @__PURE__ */ new Set(["image", "style", "title", "text"]);
+var FORCE_HTML_ELEMENTS = /* @__PURE__ */ new Set(["a"]);
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  ...SVG_ONLY_ELEMENTS,
+  ...DUAL_ELEMENTS,
+  ...FORCE_HTML_ELEMENTS
+]);
+var svgContext = false;
+function isSVGOnlyElement(tagName) {
+  return SVG_ONLY_ELEMENTS.has(tagName);
+}
+function isDualElement(tagName) {
+  return DUAL_ELEMENTS.has(tagName);
+}
+function isForceHTMLElement(tagName) {
+  return FORCE_HTML_ELEMENTS.has(tagName);
+}
+function setSVGContext(inSVG) {
+  svgContext = inSVG;
+}
+function createElement(tagName) {
+  if (isForceHTMLElement(tagName)) {
+    return document.createElement(tagName);
+  }
+  if (isSVGOnlyElement(tagName)) {
+    setSVGContext(true);
+    return document.createElementNS(SVG_NAMESPACE, tagName);
+  }
+  if (isDualElement(tagName)) {
+    if (svgContext) {
+      return document.createElementNS(SVG_NAMESPACE, tagName);
+    }
+  }
+  return document.createElement(tagName);
+}
+function shouldUseSVGNamespace(tagName) {
+  return isSVGOnlyElement(tagName) || isDualElement(tagName) && svgContext;
+}
+var SVG_ATTRIBUTE_MAP = /* @__PURE__ */ new Map([
+  ["className", "class"],
+  ["htmlFor", "for"]
+]);
+function getSVGAttributeName(attributeName) {
+  return SVG_ATTRIBUTE_MAP.get(attributeName) || attributeName;
+}
+
+// src/utils/dom-utils.ts
+function parseHTMLToNodes(html) {
+  if (!html) return [];
+  const temp = document.createElement("div");
+  temp.innerHTML = html;
+  return Array.from(temp.childNodes).map((node) => {
+    if (node instanceof HTMLElement || node instanceof SVGElement) {
+      return node;
+    } else {
+      return node.textContent || "";
+    }
+  });
+}
+
+// src/jsx-factory.ts
+function h(tag, props = {}, ...children) {
+  if (typeof tag === "function") {
+    return tag(props, children);
+  }
+  const element = createElement(tag);
+  if (props) {
+    const isSVG = shouldUseSVGNamespace(tag);
+    Object.entries(props).forEach(([key, value]) => {
+      if (value === null || value === void 0 || value === false) {
+        return;
+      }
+      if (key === "ref" && typeof value === "function") {
+        value(element);
+      } else if (key === "className" || key === "class") {
+        if (isSVG) {
+          element.setAttribute("class", value);
+        } else {
+          element.className = value;
+        }
+      } else if (key === "style" && typeof value === "string") {
+        element.setAttribute("style", value);
+      } else if (key.startsWith("on") && typeof value === "function") {
+        const eventName = key.slice(2).toLowerCase();
+        element.addEventListener(eventName, value);
+      } else if (typeof value === "boolean") {
+        if (value) {
+          element.setAttribute(key, "");
+        }
+      } else if (key === "value") {
+        if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) {
+          element.value = String(value);
+        } else {
+          const attributeName = isSVG ? getSVGAttributeName(key) : key;
+          element.setAttribute(attributeName, String(value));
+        }
+      } else {
+        const attributeName = isSVG ? getSVGAttributeName(key) : key;
+        element.setAttribute(attributeName, String(value));
+      }
+    });
+  }
+  const flatChildren = flattenChildren(children);
+  flatChildren.forEach((child) => {
+    if (child === null || child === void 0 || child === false) {
+      return;
+    }
+    if (typeof child === "string" || typeof child === "number") {
+      element.appendChild(document.createTextNode(String(child)));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      element.appendChild(child);
+    } else if (child instanceof DocumentFragment) {
+      element.appendChild(child);
+    }
+  });
+  return element;
+}
+function isHTMLString(str) {
+  const htmlTagPattern = /<[a-z][\s\S]*>/i;
+  return htmlTagPattern.test(str.trim());
+}
+function flattenChildren(children, skipHTMLDetection = false) {
+  const result = [];
+  for (const child of children) {
+    if (child === null || child === void 0 || child === false) {
+      continue;
+    } else if (Array.isArray(child)) {
+      result.push(...flattenChildren(child, skipHTMLDetection));
+    } else if (typeof child === "string") {
+      if (skipHTMLDetection) {
+        result.push(child);
+      } else if (isHTMLString(child)) {
+        const nodes = parseHTMLToNodes(child);
+        result.push(...flattenChildren(nodes, true));
+      } else {
+        result.push(child);
+      }
+    } else {
+      result.push(child);
+    }
+  }
+  return result;
+}
+function Fragment(_props, children) {
+  const fragment = document.createDocumentFragment();
+  const flatChildren = flattenChildren(children);
+  flatChildren.forEach((child) => {
+    if (child === null || child === void 0 || child === false) {
+      return;
+    }
+    if (typeof child === "string" || typeof child === "number") {
+      fragment.appendChild(document.createTextNode(String(child)));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      fragment.appendChild(child);
+    } else if (child instanceof DocumentFragment) {
+      fragment.appendChild(child);
+    }
+  });
+  return fragment;
+}
+function jsx(tag, props) {
+  if (!props) {
+    return h(tag, null);
+  }
+  const { children, ...restProps } = props;
+  if (children !== void 0 && children !== null) {
+    const childrenArray = Array.isArray(children) ? children : [children];
+    return h(tag, restProps, ...childrenArray);
+  }
+  return h(tag, restProps);
+}
+function jsxs(tag, props) {
+  if (!props) {
+    return h(tag, null);
+  }
+  const { children, ...restProps } = props;
+  if (Array.isArray(children)) {
+    return h(tag, restProps, ...children);
+  } else if (children !== void 0 && children !== null) {
+    return h(tag, restProps, children);
+  }
+  return h(tag, restProps);
+}
+
+export {
+  h,
+  Fragment,
+  jsx,
+  jsxs
+};