react-public-components 1.2.0 → 1.2.2

package/dist/chunk-PMNTOEXC.js

@@ -0,0 +1,97 @@
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// KanbanBoard/index.tsx
+function KanbanBoard({
+  columns,
+  keyExtractor,
+  renderCard,
+  onCardMove,
+  className = "",
+  style
+}) {
+  const [draggingCardId, setDraggingCardId] = useState(null);
+  const [sourceColumnId, setSourceColumnId] = useState(null);
+  const [dragOverColumnId, setDragOverColumnId] = useState(null);
+  const handleDragStart = (e, cardId, colId) => {
+    setDraggingCardId(cardId);
+    setSourceColumnId(colId);
+    e.dataTransfer.setData("text/plain", JSON.stringify({ cardId, colId }));
+    e.dataTransfer.effectAllowed = "move";
+  };
+  const handleDragEnd = () => {
+    setDraggingCardId(null);
+    setSourceColumnId(null);
+    setDragOverColumnId(null);
+  };
+  const handleDragOverCol = (e, colId) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    if (dragOverColumnId !== colId) {
+      setDragOverColumnId(colId);
+    }
+  };
+  const handleDropOnCol = (e, targetColId, targetIndex) => {
+    e.preventDefault();
+    if (!draggingCardId || !sourceColumnId) return;
+    const targetColumn = columns.find((c) => c.id === targetColId);
+    const newIdx = targetIndex !== void 0 ? targetIndex : targetColumn ? targetColumn.items.length : 0;
+    onCardMove == null ? void 0 : onCardMove(draggingCardId, sourceColumnId, targetColId, newIdx);
+    handleDragEnd();
+  };
+  return /* @__PURE__ */ jsx("div", { className: `rpc_kanban_board ${className}`, style, children: columns.map((col) => {
+    const isOver = dragOverColumnId === col.id;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rpc_kanban_board_column ${isOver ? "rpc_kanban_board_column_dragover" : ""}`,
+        onDragOver: (e) => handleDragOverCol(e, col.id),
+        onDrop: (e) => handleDropOnCol(e, col.id),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "rpc_kanban_board_column_header", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rpc_kanban_board_column_title_wrap", children: [
+              col.color && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "rpc_kanban_board_column_dot",
+                  style: { backgroundColor: col.color }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: col.title })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "rpc_kanban_board_column_count", children: col.items.length })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "rpc_kanban_board_column_body", children: col.items.map((item, idx) => {
+            const cardId = keyExtractor(item);
+            const isDragging = draggingCardId === cardId;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                draggable: true,
+                onDragStart: (e) => handleDragStart(e, cardId, col.id),
+                onDragEnd: handleDragEnd,
+                onDragOver: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                onDrop: (e) => {
+                  e.stopPropagation();
+                  handleDropOnCol(e, col.id, idx);
+                },
+                className: `rpc_kanban_board_card ${isDragging ? "rpc_kanban_board_card_dragging" : ""}`,
+                children: renderCard(item, col.id)
+              },
+              cardId
+            );
+          }) })
+        ]
+      },
+      col.id
+    );
+  }) });
+}
+var KanbanBoard_default = KanbanBoard;
+
+export { KanbanBoard_default };
+//# sourceMappingURL=chunk-PMNTOEXC.js.map
+//# sourceMappingURL=chunk-PMNTOEXC.js.map

package/dist/chunk-PMNTOEXC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../KanbanBoard/index.tsx"],"names":[],"mappings":"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","file":"chunk-PMNTOEXC.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface KanbanColumn<T> {\n\tid: string;\n\ttitle: string;\n\tcolor?: string;\n\titems: T[];\n}\n\nexport interface KanbanBoardProps<T> {\n\t/** 泳道列数据 */\n\tcolumns: KanbanColumn<T>[];\n\t/** 提取卡片唯一 Key */\n\tkeyExtractor: (item: T) => string;\n\t/** 自定义渲染单个卡片 */\n\trenderCard: (item: T, columnId: string) => ReactNode;\n\t/** 卡片拖拽移动完成回调 */\n\tonCardMove?: (\n\t\tcardId: string,\n\t\tsourceColId: string,\n\t\ttargetColId: string,\n\t\tnewIndex: number,\n\t) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction KanbanBoard<T>({\n\tcolumns,\n\tkeyExtractor,\n\trenderCard,\n\tonCardMove,\n\tclassName = '',\n\tstyle,\n}: KanbanBoardProps<T>) {\n\tconst [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\tconst [sourceColumnId, setSourceColumnId] = useState<string | null>(null);\n\tconst [dragOverColumnId, setDragOverColumnId] = useState<string | null>(null);\n\n\tconst handleDragStart = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\tcardId: string,\n\t\tcolId: string,\n\t) => {\n\t\tsetDraggingCardId(cardId);\n\t\tsetSourceColumnId(colId);\n\t\te.dataTransfer.setData('text/plain', JSON.stringify({ cardId, colId }));\n\t\te.dataTransfer.effectAllowed = 'move';\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingCardId(null);\n\t\tsetSourceColumnId(null);\n\t\tsetDragOverColumnId(null);\n\t};\n\n\tconst handleDragOverCol = (e: React.DragEvent<HTMLDivElement>, colId: string) => {\n\t\te.preventDefault();\n\t\te.dataTransfer.dropEffect = 'move';\n\t\tif (dragOverColumnId !== colId) {\n\t\t\tsetDragOverColumnId(colId);\n\t\t}\n\t};\n\n\tconst handleDropOnCol = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\ttargetColId: string,\n\t\ttargetIndex?: number,\n\t) => {\n\t\te.preventDefault();\n\t\tif (!draggingCardId || !sourceColumnId) return;\n\n\t\tconst targetColumn = columns.find((c) => c.id === targetColId);\n\t\tconst newIdx = targetIndex !== undefined ? targetIndex : targetColumn ? targetColumn.items.length : 0;\n\n\t\tonCardMove?.(draggingCardId, sourceColumnId, targetColId, newIdx);\n\t\thandleDragEnd();\n\t};\n\n\treturn (\n\t\t<div className={`rpc_kanban_board ${className}`} style={style}>\n\t\t\t{columns.map((col) => {\n\t\t\t\tconst isOver = dragOverColumnId === col.id;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col.id}\n\t\t\t\t\t\tclassName={`rpc_kanban_board_column ${\n\t\t\t\t\t\t\tisOver ? 'rpc_kanban_board_column_dragover' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOverCol(e, col.id)}\n\t\t\t\t\t\tonDrop={(e) => handleDropOnCol(e, col.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* 列头部 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_header\">\n\t\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_title_wrap\">\n\t\t\t\t\t\t\t\t{col.color && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_kanban_board_column_dot\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: col.color }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span>{col.title}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span className=\"rpc_kanban_board_column_count\">\n\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* 卡片列表 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_body\">\n\t\t\t\t\t\t\t{col.items.map((item, idx) => {\n\t\t\t\t\t\t\t\tconst cardId = keyExtractor(item);\n\t\t\t\t\t\t\t\tconst isDragging = draggingCardId === cardId;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={cardId}\n\t\t\t\t\t\t\t\t\t\tdraggable\n\t\t\t\t\t\t\t\t\t\tonDragStart={(e) => handleDragStart(e, cardId, col.id)}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\t\t\tonDragOver={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDrop={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleDropOnCol(e, col.id, idx);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={`rpc_kanban_board_card ${\n\t\t\t\t\t\t\t\t\t\t\tisDragging ? 'rpc_kanban_board_card_dragging' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderCard(item, col.id)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport default KanbanBoard;\n"]}

package/dist/chunk-PVKBGP6Q.js

@@ -0,0 +1,174 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// Watermark/index.tsx
+function generateWatermarkBase64(content, width, height, rotate, fontSize, color) {
+  if (typeof document === "undefined") return "";
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return "";
+  ctx.translate(width / 2, height / 2);
+  ctx.rotate(rotate * Math.PI / 180);
+  ctx.font = `${fontSize}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif`;
+  ctx.fillStyle = color;
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  const lines = Array.isArray(content) ? content : [content];
+  const lineHeight = fontSize * 1.5;
+  const startY = -((lines.length - 1) * lineHeight) / 2;
+  lines.forEach((line, idx) => {
+    ctx.fillText(line, 0, startY + idx * lineHeight);
+  });
+  return canvas.toDataURL("image/png");
+}
+function getWatermarkCssText(url, zIndex) {
+  return `
+		position: absolute !important;
+		top: 0px !important;
+		left: 0px !important;
+		right: 0px !important;
+		bottom: 0px !important;
+		width: 100% !important;
+		height: 100% !important;
+		pointer-events: none !important;
+		background-repeat: repeat !important;
+		background-image: url("${url}") !important;
+		z-index: ${zIndex} !important;
+		display: block !important;
+		visibility: visible !important;
+		opacity: 1 !important;
+		transform: none !important;
+		filter: none !important;
+		clip-path: none !important;
+	`.replace(/\s+/g, " ").trim();
+}
+function createWatermarkElement(url, zIndex) {
+  const el = document.createElement("div");
+  el.className = "rpc_watermark_layer";
+  el.style.cssText = getWatermarkCssText(url, zIndex);
+  return el;
+}
+function checkWatermarkIntegrity(watermarkEl, wrapperEl, expectedUrl) {
+  if (!watermarkEl || !wrapperEl) return false;
+  if (!wrapperEl.contains(watermarkEl)) return false;
+  const styleAttr = watermarkEl.getAttribute("style") || "";
+  if (!styleAttr.includes(expectedUrl)) return false;
+  try {
+    const computed = window.getComputedStyle(watermarkEl);
+    if (computed.display === "none" || computed.visibility === "hidden" || Number(computed.opacity) < 0.1 || computed.backgroundImage === "none" || !computed.backgroundImage.includes("data:image") || watermarkEl.offsetWidth === 0 || watermarkEl.offsetHeight === 0) {
+      return false;
+    }
+  } catch (e) {
+    return false;
+  }
+  return true;
+}
+var Watermark = ({
+  content,
+  children,
+  rotate = -22,
+  fontSize = 14,
+  color = "rgba(0, 0, 0, 0.12)",
+  width = 240,
+  height = 160,
+  zIndex = 9999,
+  antiTamper = true,
+  className = "",
+  style
+}) => {
+  const wrapperRef = useRef(null);
+  const watermarkNodeRef = useRef(null);
+  const watermarkUrlRef = useRef("");
+  const watermarkUrl = generateWatermarkBase64(content, width, height, rotate, fontSize, color);
+  watermarkUrlRef.current = watermarkUrl;
+  const mountOrRestoreWatermark = useCallback(() => {
+    const wrapper = wrapperRef.current;
+    const currentUrl = watermarkUrlRef.current;
+    if (!wrapper || !currentUrl) return;
+    if (watermarkNodeRef.current && wrapper.contains(watermarkNodeRef.current)) {
+      watermarkNodeRef.current.style.cssText = getWatermarkCssText(currentUrl, zIndex);
+      if (checkWatermarkIntegrity(watermarkNodeRef.current, wrapper, currentUrl)) {
+        return;
+      }
+      try {
+        wrapper.removeChild(watermarkNodeRef.current);
+      } catch (e) {
+      }
+    }
+    const newWatermarkEl = createWatermarkElement(currentUrl, zIndex);
+    wrapper.appendChild(newWatermarkEl);
+    watermarkNodeRef.current = newWatermarkEl;
+  }, [zIndex]);
+  useEffect(() => {
+    mountOrRestoreWatermark();
+    return () => {
+      if (watermarkNodeRef.current && wrapperRef.current) {
+        try {
+          if (wrapperRef.current.contains(watermarkNodeRef.current)) {
+            wrapperRef.current.removeChild(watermarkNodeRef.current);
+          }
+        } catch (e) {
+        }
+        watermarkNodeRef.current = null;
+      }
+    };
+  }, [mountOrRestoreWatermark]);
+  useEffect(() => {
+    if (!antiTamper || !wrapperRef.current) return;
+    const wrapper = wrapperRef.current;
+    const verifyAndSelfHeal = () => {
+      const currentUrl = watermarkUrlRef.current;
+      if (!currentUrl) return;
+      const isValid = checkWatermarkIntegrity(watermarkNodeRef.current, wrapper, currentUrl);
+      if (!isValid) {
+        mountOrRestoreWatermark();
+      }
+    };
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (mutation.type === "childList") {
+          const isRemoved = Array.from(mutation.removedNodes).some(
+            (node) => node === watermarkNodeRef.current
+          );
+          if (isRemoved || !wrapper.contains(watermarkNodeRef.current)) {
+            mountOrRestoreWatermark();
+            return;
+          }
+        }
+        if (mutation.type === "attributes") {
+          verifyAndSelfHeal();
+          return;
+        }
+      }
+    });
+    observer.observe(wrapper, {
+      attributes: true,
+      childList: true,
+      subtree: true,
+      attributeFilter: ["style", "class", "hidden", "id", "dir", "aria-hidden"]
+    });
+    const timer = setInterval(() => {
+      verifyAndSelfHeal();
+    }, 400);
+    return () => {
+      observer.disconnect();
+      clearInterval(timer);
+    };
+  }, [antiTamper, mountOrRestoreWatermark]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: wrapperRef,
+      className: `rpc_watermark_wrapper ${className}`,
+      style: { position: "relative", ...style },
+      children
+    }
+  );
+};
+var Watermark_default = Watermark;
+
+export { Watermark_default };
+//# sourceMappingURL=chunk-PVKBGP6Q.js.map
+//# sourceMappingURL=chunk-PVKBGP6Q.js.map

package/dist/chunk-PVKBGP6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Watermark/index.tsx"],"names":[],"mappings":"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","file":"chunk-PVKBGP6Q.js","sourcesContent":["import React, { useRef, useEffect, useCallback, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface WatermarkProps {\n\t/** 水印文本内容或多行文本数组 */\n\tcontent: string | string[];\n\t/** 子元素内容 */\n\tchildren?: ReactNode;\n\t/** 水印旋转角度，默认为 -22 */\n\trotate?: number;\n\t/** 字体大小（像素），默认为 14 */\n\tfontSize?: number;\n\t/** 水印颜色，默认为 'rgba(0, 0, 0, 0.12)' */\n\tcolor?: string;\n\t/** 单个水印单元宽度，默认为 240 */\n\twidth?: number;\n\t/** 单个水印单元高度，默认为 160 */\n\theight?: number;\n\t/** 水印层级 zIndex，默认为 9999 */\n\tzIndex?: number;\n\t/** 是否开启 MutationObserver 与心跳巡检防审查元素篡改，默认为 true */\n\tantiTamper?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n/** 生成 Canvas 水印平铺 Base64 图片 */\nfunction generateWatermarkBase64(\n\tcontent: string | string[],\n\twidth: number,\n\theight: number,\n\trotate: number,\n\tfontSize: number,\n\tcolor: string,\n): string {\n\tif (typeof document === 'undefined') return '';\n\tconst canvas = document.createElement('canvas');\n\tcanvas.width = width;\n\tcanvas.height = height;\n\n\tconst ctx = canvas.getContext('2d');\n\tif (!ctx) return '';\n\n\tctx.translate(width / 2, height / 2);\n\tctx.rotate((rotate * Math.PI) / 180);\n\tctx.font = `${fontSize}px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif`;\n\tctx.fillStyle = color;\n\tctx.textAlign = 'center';\n\tctx.textBaseline = 'middle';\n\n\tconst lines = Array.isArray(content) ? content : [content];\n\tconst lineHeight = fontSize * 1.5;\n\tconst startY = -((lines.length - 1) * lineHeight) / 2;\n\n\tlines.forEach((line, idx) => {\n\t\tctx.fillText(line, 0, startY + idx * lineHeight);\n\t});\n\n\treturn canvas.toDataURL('image/png');\n}\n\n/** 获取完整的水印行内样式 CSS 文本 */\nfunction getWatermarkCssText(url: string, zIndex: number): string {\n\treturn `\n\t\tposition: absolute !important;\n\t\ttop: 0px !important;\n\t\tleft: 0px !important;\n\t\tright: 0px !important;\n\t\tbottom: 0px !important;\n\t\twidth: 100% !important;\n\t\theight: 100% !important;\n\t\tpointer-events: none !important;\n\t\tbackground-repeat: repeat !important;\n\t\tbackground-image: url(\"${url}\") !important;\n\t\tz-index: ${zIndex} !important;\n\t\tdisplay: block !important;\n\t\tvisibility: visible !important;\n\t\topacity: 1 !important;\n\t\ttransform: none !important;\n\t\tfilter: none !important;\n\t\tclip-path: none !important;\n\t`.replace(/\\s+/g, ' ').trim();\n}\n\n/** 创建全新的原生水印 DOM 节点（脱离 React 虚拟 DOM 控制，防止 DevTools 删除节点时引发 React Crash） */\nfunction createWatermarkElement(url: string, zIndex: number): HTMLDivElement {\n\tconst el = document.createElement('div');\n\tel.className = 'rpc_watermark_layer';\n\tel.style.cssText = getWatermarkCssText(url, zIndex);\n\treturn el;\n}\n\n/** 深度检查水印元素在当前真实 DOM 树中的有效性与样式完整性 */\nfunction checkWatermarkIntegrity(\n\twatermarkEl: HTMLElement | null,\n\twrapperEl: HTMLElement | null,\n\texpectedUrl: string,\n): boolean {\n\tif (!watermarkEl || !wrapperEl) return false;\n\tif (!wrapperEl.contains(watermarkEl)) return false;\n\n\t// 检查内联样式\n\tconst styleAttr = watermarkEl.getAttribute('style') || '';\n\tif (!styleAttr.includes(expectedUrl)) return false;\n\n\t// 检查真实的最终计算样式 ComputedStyle（防止在 DevTools Styles 面板取消勾选属性）\n\ttry {\n\t\tconst computed = window.getComputedStyle(watermarkEl);\n\t\tif (\n\t\t\tcomputed.display === 'none' ||\n\t\t\tcomputed.visibility === 'hidden' ||\n\t\t\tNumber(computed.opacity) < 0.1 ||\n\t\t\tcomputed.backgroundImage === 'none' ||\n\t\t\t!computed.backgroundImage.includes('data:image') ||\n\t\t\twatermarkEl.offsetWidth === 0 ||\n\t\t\twatermarkEl.offsetHeight === 0\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\t} catch {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\nconst Watermark: React.FC<WatermarkProps> = ({\n\tcontent,\n\tchildren,\n\trotate = -22,\n\tfontSize = 14,\n\tcolor = 'rgba(0, 0, 0, 0.12)',\n\twidth = 240,\n\theight = 160,\n\tzIndex = 9999,\n\tantiTamper = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\t// 使用原生 DOM 引用，脱离 React Virtual DOM 的 Diff 追踪\n\tconst watermarkNodeRef = useRef<HTMLDivElement | null>(null);\n\tconst watermarkUrlRef = useRef<string>('');\n\n\t// 重新生成水印 Base64\n\tconst watermarkUrl = generateWatermarkBase64(content, width, height, rotate, fontSize, color);\n\twatermarkUrlRef.current = watermarkUrl;\n\n\t// 原生挂载或重建水印\n\tconst mountOrRestoreWatermark = useCallback(() => {\n\t\tconst wrapper = wrapperRef.current;\n\t\tconst currentUrl = watermarkUrlRef.current;\n\t\tif (!wrapper || !currentUrl) return;\n\n\t\t// 检查当前节点是否存在且完整\n\t\tif (watermarkNodeRef.current && wrapper.contains(watermarkNodeRef.current)) {\n\t\t\t// 如果仅样式被篡改，直接重设行内 style\n\t\t\twatermarkNodeRef.current.style.cssText = getWatermarkCssText(currentUrl, zIndex);\n\t\t\t// 再次检查计算样式，如果依然有效则无需重新创建节点\n\t\t\tif (checkWatermarkIntegrity(watermarkNodeRef.current, wrapper, currentUrl)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// 否则移除旧的异常节点\n\t\t\ttry {\n\t\t\t\twrapper.removeChild(watermarkNodeRef.current);\n\t\t\t} catch {\n\t\t\t\t// ignore\n\t\t\t}\n\t\t}\n\n\t\t// 创建并追加全新原生水印节点\n\t\tconst newWatermarkEl = createWatermarkElement(currentUrl, zIndex);\n\t\twrapper.appendChild(newWatermarkEl);\n\t\twatermarkNodeRef.current = newWatermarkEl;\n\t}, [zIndex]);\n\n\t// 组件挂载或参数更新时初始化水印\n\tuseEffect(() => {\n\t\tmountOrRestoreWatermark();\n\t\treturn () => {\n\t\t\tif (watermarkNodeRef.current && wrapperRef.current) {\n\t\t\t\ttry {\n\t\t\t\t\tif (wrapperRef.current.contains(watermarkNodeRef.current)) {\n\t\t\t\t\t\twrapperRef.current.removeChild(watermarkNodeRef.current);\n\t\t\t\t\t}\n\t\t\t\t} catch {\n\t\t\t\t\t// ignore\n\t\t\t\t}\n\t\t\t\twatermarkNodeRef.current = null;\n\t\t\t}\n\t\t};\n\t}, [mountOrRestoreWatermark]);\n\n\t// 核心防篡改守护引擎：MutationObserver 毫秒级监听 + 定时心跳自愈\n\tuseEffect(() => {\n\t\tif (!antiTamper || !wrapperRef.current) return;\n\n\t\tconst wrapper = wrapperRef.current;\n\n\t\tconst verifyAndSelfHeal = () => {\n\t\t\tconst currentUrl = watermarkUrlRef.current;\n\t\t\tif (!currentUrl) return;\n\n\t\t\tconst isValid = checkWatermarkIntegrity(watermarkNodeRef.current, wrapper, currentUrl);\n\t\t\tif (!isValid) {\n\t\t\t\tmountOrRestoreWatermark();\n\t\t\t}\n\t\t};\n\n\t\t// 1. MutationObserver 监听任何 DOM 节点移除、替换或属性变动\n\t\tconst observer = new MutationObserver((mutations) => {\n\t\t\tfor (const mutation of mutations) {\n\t\t\t\t// 子节点被删除（包括 F12 Elements 面板按 Delete 直接删除水印 DOM）\n\t\t\t\tif (mutation.type === 'childList') {\n\t\t\t\t\tconst isRemoved = Array.from(mutation.removedNodes).some(\n\t\t\t\t\t\t(node) => node === watermarkNodeRef.current,\n\t\t\t\t\t);\n\t\t\t\t\tif (isRemoved || !wrapper.contains(watermarkNodeRef.current)) {\n\t\t\t\t\t\tmountOrRestoreWatermark();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// 属性被修改（包括 F12 Styles 面板取消勾选属性、修改 class 或 style）\n\t\t\t\tif (mutation.type === 'attributes') {\n\t\t\t\t\tverifyAndSelfHeal();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tobserver.observe(wrapper, {\n\t\t\tattributes: true,\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t\tattributeFilter: ['style', 'class', 'hidden', 'id', 'dir', 'aria-hidden'],\n\t\t});\n\n\t\t// 2. 心跳自检（防止断点或特殊篡改）\n\t\tconst timer = setInterval(() => {\n\t\t\tverifyAndSelfHeal();\n\t\t}, 400);\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t\tclearInterval(timer);\n\t\t};\n\t}, [antiTamper, mountOrRestoreWatermark]);\n\n\treturn (\n\t\t<div\n\t\t\tref={wrapperRef}\n\t\t\tclassName={`rpc_watermark_wrapper ${className}`}\n\t\t\tstyle={{ position: 'relative', ...style }}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default Watermark;\n"]}