@etsoo/materialui 1.5.21 → 1.5.23

package/lib/cjs/html/HtmlDiv.d.ts

@@ -1,7 +1,13 @@
+import { HTMLAttributes } from "react";
+/**
+ * Custom HTML element properties
+ * 自定义 HTML 元素属性
+ */
+export type HtmlDivProps = HTMLAttributes<HTMLElement>;
 /**
  * Custom HTML element that sanitizes and displays HTML content
  * 自定义 HTML 元素，用于清理和显示 HTML 内容
  * @param props Properties
  * @returns Component
  */
-export declare function HtmlDiv(props: React.PropsWithChildren<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+export declare function HtmlDiv(props: HtmlDivProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/html/HtmlDiv.js

@@ -17,6 +17,7 @@ class HtmlDivElement extends HTMLElement {
         const wrapper = document.createElement("div");
         if (this.textContent) {
             wrapper.innerHTML = dompurify_1.default.sanitize(this.textContent);
+            this.textContent = null; // Clear the textContent to avoid duplication
         }
         shadow.appendChild(wrapper);
     }

package/lib/mjs/html/HtmlDiv.d.ts

@@ -1,7 +1,13 @@
+import { HTMLAttributes } from "react";
+/**
+ * Custom HTML element properties
+ * 自定义 HTML 元素属性
+ */
+export type HtmlDivProps = HTMLAttributes<HTMLElement>;
 /**
  * Custom HTML element that sanitizes and displays HTML content
  * 自定义 HTML 元素，用于清理和显示 HTML 内容
  * @param props Properties
  * @returns Component
  */
-export declare function HtmlDiv(props: React.PropsWithChildren<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+export declare function HtmlDiv(props: HtmlDivProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/html/HtmlDiv.js

@@ -11,6 +11,7 @@ class HtmlDivElement extends HTMLElement {
         const wrapper = document.createElement("div");
         if (this.textContent) {
             wrapper.innerHTML = DOMPurify.sanitize(this.textContent);
+            this.textContent = null; // Clear the textContent to avoid duplication
         }
         shadow.appendChild(wrapper);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.21",
+  "version": "1.5.23",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/global.d.ts

@@ -1,5 +1,5 @@
 declare namespace JSX {
   interface IntrinsicElements {
-    "html-div": HTMLElement;
+    "html-div": React.HTMLAttributes<HTMLElement>;
   }
 }

package/src/html/HtmlDiv.tsx

@@ -1,4 +1,5 @@
 import DOMPurify from "dompurify";
+import { HTMLAttributes } from "react";
 
 class HtmlDivElement extends HTMLElement {
   constructor() {
@@ -13,6 +14,7 @@ class HtmlDivElement extends HTMLElement {
     const wrapper = document.createElement("div");
     if (this.textContent) {
       wrapper.innerHTML = DOMPurify.sanitize(this.textContent);
+      this.textContent = null; // Clear the textContent to avoid duplication
     }
 
     shadow.appendChild(wrapper);
@@ -24,13 +26,19 @@ if (!customElements.get("html-div")) {
   customElements.define("html-div", HtmlDivElement);
 }
 
+/**
+ * Custom HTML element properties
+ * 自定义 HTML 元素属性
+ */
+export type HtmlDivProps = HTMLAttributes<HTMLElement>;
+
 /**
  * Custom HTML element that sanitizes and displays HTML content
  * 自定义 HTML 元素，用于清理和显示 HTML 内容
  * @param props Properties
  * @returns Component
  */
-export function HtmlDiv(props: React.PropsWithChildren<HTMLElement>) {
+export function HtmlDiv(props: HtmlDivProps) {
   // Destruct
   const { children, ...rest } = props;