@lark-apaas/client-toolkit-lite 1.1.19-alpha.2 → 1.1.19-beta.0

package/dist/index.cjs

@@ -2273,12 +2273,24 @@ var Pill = /* @__PURE__ */ __name(({ variant, onClose, showClose = false }) => {
 }, "Pill");
 var MenuRow = /* @__PURE__ */ __name(({ icon, label, fontSize, onClick }) => {
   const [hover, setHover] = (0, import_react6.useState)(false);
+  const rowRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
+    const el = rowRef.current;
+    if (!el) return;
+    const enter = /* @__PURE__ */ __name(() => setHover(true), "enter");
+    const leave = /* @__PURE__ */ __name(() => setHover(false), "leave");
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
   return /* @__PURE__ */ import_react6.default.createElement("div", {
+    ref: rowRef,
     role: "menuitem",
     "data-label": label,
     onClick,
-    onMouseEnter: /* @__PURE__ */ __name(() => setHover(true), "onMouseEnter"),
-    onMouseLeave: /* @__PURE__ */ __name(() => setHover(false), "onMouseLeave"),
     style: {
       boxSizing: "border-box",
       display: "flex",
@@ -2421,23 +2433,35 @@ var ShadowRootUI = /* @__PURE__ */ __name(({ shadowRoot }) => {
 }, "ShadowRootUI");
 var WatermarkContent = /* @__PURE__ */ __name(({ isMobile: isMobile2, onClose, portalContainer }) => {
   const [open, setOpen] = (0, import_react6.useState)(false);
-  const timer = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => () => {
-    if (timer.current) clearTimeout(timer.current);
-  }, []);
+  const containerRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
+    if (isMobile2) return;
+    const el = containerRef.current;
+    if (!el) return;
+    let leaveTimer = null;
+    const enter = /* @__PURE__ */ __name(() => {
+      if (leaveTimer) clearTimeout(leaveTimer);
+      setOpen(true);
+    }, "enter");
+    const leave = /* @__PURE__ */ __name(() => {
+      leaveTimer = setTimeout(() => setOpen(false), 100);
+    }, "leave");
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      if (leaveTimer) clearTimeout(leaveTimer);
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, [
+    isMobile2
+  ]);
   if (isMobile2) {
     return /* @__PURE__ */ import_react6.default.createElement(MobileWatermark, {
       onDontShow: onClose,
       portalContainer
     });
   }
-  const enter = /* @__PURE__ */ __name(() => {
-    if (timer.current) clearTimeout(timer.current);
-    setOpen(true);
-  }, "enter");
-  const leave = /* @__PURE__ */ __name(() => {
-    timer.current = setTimeout(() => setOpen(false), 100);
-  }, "leave");
   const desktopItems = [];
   if (REPORT_ENABLED) {
     desktopItems.push({
@@ -2447,9 +2471,8 @@ var WatermarkContent = /* @__PURE__ */ __name(({ isMobile: isMobile2, onClose, p
     });
   }
   return /* @__PURE__ */ import_react6.default.createElement("div", {
+    ref: containerRef,
     "data-custom-element": "doubao-watermark",
-    onMouseEnter: enter,
-    onMouseLeave: leave,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2476,14 +2499,20 @@ var Watermark = /* @__PURE__ */ __name(() => {
     const shadow = host.shadowRoot ?? host.attachShadow({
       mode: "open"
     });
-    const root = (0, import_client.createRoot)(shadow);
+    const wrapper = document.createElement("div");
+    shadow.appendChild(wrapper);
+    const root = (0, import_client.createRoot)(wrapper);
     rootRef.current = root;
     root.render(/* @__PURE__ */ import_react6.default.createElement(ShadowRootUI, {
       shadowRoot: shadow
     }));
     return () => {
-      const r = root;
-      queueMicrotask(() => r.unmount());
+      const oldRoot = root;
+      const oldWrapper = wrapper;
+      queueMicrotask(() => {
+        oldRoot.unmount();
+        oldWrapper.remove();
+      });
       rootRef.current = null;
     };
   }, []);