@lark-apaas/client-toolkit-lite 1.1.7 → 1.1.8-alpha.1

package/dist/index.js

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 };
 
 // src/components/AppContainer/index.tsx
-import React4, { useEffect as useEffect5 } from "react";
+import React5, { useEffect as useEffect5 } from "react";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 
 // src/runtime/react-devtools-hook.ts
@@ -2047,8 +2047,112 @@ var Safety = /* @__PURE__ */ __name(() => {
 }, "Safety");
 var safety_default = Safety;
 
+// src/components/AppContainer/Watermark.tsx
+import React3, { useRef as useRef2, useState as useState5 } from "react";
+
+// src/components/AppContainer/doubao-watermark-asset.ts
+var CDN = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui";
+var DOUBAO_LOGO_SRC = `${CDN}/setting_voice.svg`;
+var DOUBAO_CLOSE_SRC = `${CDN}/icon_close_outlined.svg`;
+var DOUBAO_REPORT_SRC = `${CDN}/%5BDBX%5DDropdown.svg`;
+
+// src/components/AppContainer/Watermark.tsx
+var DOUBAO_SOURCE = "5";
+var Watermark = /* @__PURE__ */ __name(() => {
+  const [closed, setClosed] = useState5(false);
+  const [open, setOpen] = useState5(false);
+  const timer = useRef2(null);
+  if (String(process.env.MIAODA_APP_SOURCE) !== DOUBAO_SOURCE) return null;
+  if (closed) return null;
+  const enter = /* @__PURE__ */ __name(() => {
+    if (timer.current) clearTimeout(timer.current);
+    setOpen(true);
+  }, "enter");
+  const leave = /* @__PURE__ */ __name(() => {
+    timer.current = setTimeout(() => setOpen(false), 100);
+  }, "leave");
+  return /* @__PURE__ */ React3.createElement("div", {
+    "data-custom-element": "doubao-watermark",
+    onMouseEnter: enter,
+    onMouseLeave: leave,
+    style: {
+      position: "fixed",
+      right: 12,
+      bottom: 12,
+      zIndex: 9999,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-end"
+    }
+  }, open && // TODO: 点击跳转「投诉与举报」链接（待产品给链接）
+  /* @__PURE__ */ React3.createElement("img", {
+    src: DOUBAO_REPORT_SRC,
+    width: 168,
+    height: 78,
+    alt: "\u6295\u8BC9\u4E0E\u4E3E\u62A5",
+    style: {
+      display: "block",
+      cursor: "pointer",
+      marginBottom: -8,
+      marginRight: -12
+    }
+  }), /* @__PURE__ */ React3.createElement("div", {
+    style: {
+      boxSizing: "border-box",
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 4,
+      padding: "6px 12px 6px 8px",
+      background: "#363636",
+      border: "0.5px solid rgba(255,255,255,0.1)",
+      borderRadius: 100,
+      boxShadow: "0px 2px 2px rgba(0,0,0,0.02), 0px 4px 8px rgba(0,0,0,0.04), 0px 8px 16px rgba(0,0,0,0.08)"
+    }
+  }, /* @__PURE__ */ React3.createElement("img", {
+    src: DOUBAO_LOGO_SRC,
+    width: 16,
+    height: 16,
+    alt: "",
+    style: {
+      borderRadius: 100,
+      flexShrink: 0,
+      display: "block"
+    }
+  }), /* @__PURE__ */ React3.createElement("span", {
+    style: {
+      fontFamily: "'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif",
+      fontSize: 12,
+      lineHeight: "18px",
+      color: "rgba(255,255,255,0.85)",
+      whiteSpace: "nowrap"
+    }
+  }, "\u7531 \u8C46\u5305AI \u751F\u6210"), /* @__PURE__ */ React3.createElement("span", {
+    role: "button",
+    "aria-label": "\u5173\u95ED",
+    onClick: /* @__PURE__ */ __name((e) => {
+      e.stopPropagation();
+      setClosed(true);
+    }, "onClick"),
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      cursor: "pointer",
+      flexShrink: 0
+    }
+  }, /* @__PURE__ */ React3.createElement("img", {
+    src: DOUBAO_CLOSE_SRC,
+    width: 10,
+    height: 10,
+    alt: "",
+    style: {
+      display: "block"
+    }
+  }))));
+}, "Watermark");
+var Watermark_default = Watermark;
+
 // src/components/QueryProvider/index.tsx
-import React3 from "react";
+import React4 from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 var defaultQueryClient = null;
 var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
@@ -2069,20 +2173,20 @@ var getDefaultQueryClient = /* @__PURE__ */ __name(() => {
 }, "getDefaultQueryClient");
 var QueryProvider = /* @__PURE__ */ __name(({ children, client }) => {
   const qc = client ?? getDefaultQueryClient();
-  return /* @__PURE__ */ React3.createElement(QueryClientProvider, {
+  return /* @__PURE__ */ React4.createElement(QueryClientProvider, {
     client: qc
   }, children);
 }, "QueryProvider");
 var QueryProvider_default = QueryProvider;
 
 // src/components/AppContainer/IframeBridge.tsx
-import { useEffect as useEffect4, useCallback, useRef as useRef3, useMemo, createElement } from "react";
+import { useEffect as useEffect4, useCallback, useRef as useRef4, useMemo, createElement } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 
 // src/hooks/useUpdatingRef.ts
-import { useRef as useRef2 } from "react";
+import { useRef as useRef3 } from "react";
 function useUpdatingRef(value) {
-  const ref = useRef2(value);
+  const ref = useRef3(value);
   ref.current = value;
   return ref;
 }
@@ -2103,7 +2207,7 @@ function IframeBridge() {
   const location = useLocation();
   const navigate = useNavigate();
   const navigateRef = useUpdatingRef(navigate);
-  const isActive = useRef3(false);
+  const isActive = useRef4(false);
   const historyBack = useCallback((_payload) => {
     navigateRef.current(-1);
     isActive.current = true;
@@ -2293,14 +2397,14 @@ var AppContainer = /* @__PURE__ */ __name(({ children }) => {
       });
     }
   }, []);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, String(process.env.MIAODA_APP_TYPE) !== "7" && /* @__PURE__ */ React4.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React4.createElement(MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React4.createElement(IframeBridge, null), /* @__PURE__ */ React4.createElement(QueryProvider_default, null, children));
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, String(process.env.MIAODA_APP_TYPE) !== "7" && /* @__PURE__ */ React5.createElement(safety_default, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React5.createElement(MiaodaInspector, null), process.env.NODE_ENV !== "production" && /* @__PURE__ */ React5.createElement(IframeBridge, null), /* @__PURE__ */ React5.createElement(safety_default, null), /* @__PURE__ */ React5.createElement(Watermark_default, null), /* @__PURE__ */ React5.createElement(QueryProvider_default, null, children));
 }, "AppContainer");
 var AppContainer_default = AppContainer;
 
 // src/components/Welcome/index.tsx
-import React5 from "react";
+import React6 from "react";
 var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
-  return /* @__PURE__ */ React5.createElement("div", {
+  return /* @__PURE__ */ React6.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2311,7 +2415,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       padding: "0 24px",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ React5.createElement("img", {
+  }, /* @__PURE__ */ React6.createElement("img", {
     style: {
       borderRadius: 6,
       marginBottom: 24
@@ -2320,7 +2424,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
     height: "200",
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
     alt: "Welcome"
-  }), /* @__PURE__ */ React5.createElement("div", {
+  }), /* @__PURE__ */ React6.createElement("div", {
     style: {
       fontSize: 16,
       fontWeight: 500,
@@ -2328,7 +2432,7 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
       marginBottom: 4,
       color: "#1f2329"
     }
-  }, title), /* @__PURE__ */ React5.createElement("div", {
+  }, title), /* @__PURE__ */ React6.createElement("div", {
     style: {
       fontSize: 16,
       lineHeight: "24px",
@@ -2340,9 +2444,9 @@ var Welcome = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1"
 var Welcome_default = Welcome;
 
 // src/components/PagePlaceholder/index.tsx
-import React6 from "react";
+import React7 from "react";
 var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F00\u53D1", description = "\u9875\u9762\u6682\u672A\u5F00\u53D1\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85..." }) => {
-  return /* @__PURE__ */ React6.createElement("div", {
+  return /* @__PURE__ */ React7.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2353,7 +2457,7 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
       height: "calc(100vh - 64px)",
       textAlign: "center"
     }
-  }, /* @__PURE__ */ React6.createElement("img", {
+  }, /* @__PURE__ */ React7.createElement("img", {
     style: {
       borderRadius: "6px",
       marginBottom: "24px"
@@ -2362,14 +2466,14 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
     height: "200",
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/welcome.svg",
     alt: "Welcome"
-  }), /* @__PURE__ */ React6.createElement("div", {
+  }), /* @__PURE__ */ React7.createElement("div", {
     style: {
       fontSize: "16px",
       fontWeight: 500,
       marginBottom: "4px",
       lineHeight: "24px"
     }
-  }, title), /* @__PURE__ */ React6.createElement("div", {
+  }, title), /* @__PURE__ */ React7.createElement("div", {
     style: {
       color: "#6b7280",
       fontSize: "16px",
@@ -2385,7 +2489,7 @@ var PagePlaceholder = /* @__PURE__ */ __name(({ title = "\u9875\u9762\u5F85\u5F0
 var PagePlaceholder_default = PagePlaceholder;
 
 // src/components/ErrorRender/index.tsx
-import React7, { useEffect as useEffect6 } from "react";
+import React8, { useEffect as useEffect6 } from "react";
 var ErrorRender = /* @__PURE__ */ __name((props) => {
   const { error, resetErrorBoundary } = props;
   useEffect6(() => {
@@ -2424,25 +2528,25 @@ var ErrorRender = /* @__PURE__ */ __name((props) => {
   }, [
     resetErrorBoundary
   ]);
-  return /* @__PURE__ */ React7.createElement("div", {
+  return /* @__PURE__ */ React8.createElement("div", {
     className: "min-h-screen flex items-center justify-center bg-white"
-  }, /* @__PURE__ */ React7.createElement("div", {
+  }, /* @__PURE__ */ React8.createElement("div", {
     className: "flex flex-col justify-center items-center text-center"
-  }, /* @__PURE__ */ React7.createElement("img", {
+  }, /* @__PURE__ */ React8.createElement("img", {
     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/ylcylz_fsph_ryhs/ljhwZthlaukjlkulzlp/feisuda/template/illustration_empty_negative_error.svg",
     alt: "render error",
     className: "mb-3 w-[100px]"
-  }), /* @__PURE__ */ React7.createElement("p", {
+  }), /* @__PURE__ */ React8.createElement("p", {
     className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium"
   }, "\u9875\u9762\u51FA\u9519\u4E86")));
 }, "ErrorRender");
 var ErrorRender_default = ErrorRender;
 
 // src/route-components/ActiveLink.tsx
-import React8, { forwardRef, useEffect as useEffect7, useState as useState5 } from "react";
+import React9, { forwardRef, useEffect as useEffect7, useState as useState6 } from "react";
 import { NavLink } from "react-router-dom";
 var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, children, ...rest }, ref) => {
-  const [currentHash, setCurrentHash] = useState5(() => typeof window !== "undefined" ? window.location.hash : "");
+  const [currentHash, setCurrentHash] = useState6(() => typeof window !== "undefined" ? window.location.hash : "");
   const isHashRoute = typeof to === "string" && to.startsWith("#");
   useEffect7(() => {
     if (!isHashRoute) return;
@@ -2456,7 +2560,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
   ]);
   const isActive = isHashRoute && currentHash === to;
   if (!isHashRoute) {
-    return /* @__PURE__ */ React8.createElement(NavLink, {
+    return /* @__PURE__ */ React9.createElement(NavLink, {
       ref,
       to,
       onClick,
@@ -2497,7 +2601,7 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
     isPending: false,
     isTransitioning: false
   }) : children;
-  return /* @__PURE__ */ React8.createElement("a", {
+  return /* @__PURE__ */ React9.createElement("a", {
     ref,
     href: to,
     onClick: handleHashClick,
@@ -2509,9 +2613,9 @@ var ActiveLink = /* @__PURE__ */ forwardRef(({ to, onClick, className, style, ch
 ActiveLink.displayName = "ActiveLink";
 
 // src/route-components/NavLink.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { NavLink as OriginalNavLink, useLocation as useLocation2, useNavigate as useNavigate2 } from "react-router-dom";
-var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, style, ...props }, ref) => {
+var NavLink2 = /* @__PURE__ */ React10.forwardRef(({ to, children, className, style, ...props }, ref) => {
   const isHashLink = typeof to === "string" && to.startsWith("#");
   const location = useLocation2();
   const navigate = useNavigate2();
@@ -2535,7 +2639,7 @@ var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, sty
     const resolvedClassName = typeof className === "function" ? className(renderProps) : className;
     const resolvedStyle = typeof style === "function" ? style(renderProps) : style;
     const { caseSensitive, end, replace, state, preventScrollReset, relative, viewTransition, ...restProps } = props;
-    return /* @__PURE__ */ React9.createElement("a", {
+    return /* @__PURE__ */ React10.createElement("a", {
       href: to,
       onClick: handleClick,
       ref,
@@ -2544,7 +2648,7 @@ var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, sty
       ...restProps
     }, typeof children === "function" ? children(renderProps) : children);
   }
-  return /* @__PURE__ */ React9.createElement(OriginalNavLink, {
+  return /* @__PURE__ */ React10.createElement(OriginalNavLink, {
     to,
     ref,
     className,
@@ -2559,7 +2663,7 @@ var NavLink2 = /* @__PURE__ */ React9.forwardRef(({ to, children, className, sty
 NavLink2.displayName = "NavLink";
 
 // src/route-components/UniversalLink.tsx
-import React10 from "react";
+import React11 from "react";
 import { Link as RouterLink } from "react-router-dom";
 function isInternalRoute(to) {
   return !to.startsWith("#") && !to.startsWith("http://") && !to.startsWith("https://") && !to.startsWith("//");
@@ -2569,15 +2673,15 @@ function isExternalLink(to) {
   return to.startsWith("http://") || to.startsWith("https://") || to.startsWith("//");
 }
 __name(isExternalLink, "isExternalLink");
-var UniversalLink = /* @__PURE__ */ React10.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
+var UniversalLink = /* @__PURE__ */ React11.forwardRef(/* @__PURE__ */ __name(function UniversalLink2({ to, ...props }, ref) {
   if (isInternalRoute(to)) {
-    return /* @__PURE__ */ React10.createElement(RouterLink, {
+    return /* @__PURE__ */ React11.createElement(RouterLink, {
       to,
       ref,
       ...props
     });
   }
-  return /* @__PURE__ */ React10.createElement("a", {
+  return /* @__PURE__ */ React11.createElement("a", {
     href: to,
     ref,
     ...props,