@lark-apaas/client-toolkit 1.2.66 → 1.2.67-alpha.20260825160411

package/lib/components/AppContainer/Watermark.d.ts

@@ -36,7 +36,7 @@ export declare const MenuCard: React.FC<{
     style?: React.CSSProperties;
 }>;
 /**
- * 豆包水印：仅当应用来源为豆包时，在视口右下角展示收起态药丸（头像 +「豆包AI」）。
+ * 豆包水印：在视口右下角展示收起态药丸（头像 +「豆包AI」）。
  *
  * 设计稿：Figma 1582:41560（桌面）/ 1582:41777（移动）。
  * - 药丸 / 卡片本体用代码画（投影走 CSS box-shadow、图标用无滤镜小 SVG），高分屏清晰。
@@ -44,6 +44,8 @@ export declare const MenuCard: React.FC<{
  * - 移动端 tap 徽标 → 上方弹卡片（投诉与举报 / 不再展示 / 由飞书妙搭提供支持）。
  * - 「投诉与举报」点击跳飞书风控举报中心（tns，域名随环境）；后端链接未就绪时由 REPORT_ENABLED 整体隐藏。
  * - 不加 NODE_ENV 判断——预览态与运行态都要展示。
+ * - show_badge=false（后端 get_published 接口返回）时不展示。
+ * - 用户点击关闭后 localStorage 记忆，刷新不再展示。
  */
 declare const Watermark: React.FC;
 export default Watermark;

package/lib/components/AppContainer/Watermark.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
 import { DOUBAO_LOGO_SRC } from "./doubao-watermark-asset.js";
 import { getAppId } from "../../utils/getAppId.js";
 import { getEnv } from "../../utils/getParentOrigin.js";
+import { getInitialInfo } from "../../utils/getInitialInfo.js";
 import { useIsMobile } from "../../hooks/index.js";
 const REPORT_ENABLED = true;
 const BRAND_TEXT = '豆包 AI 生成';
@@ -285,13 +286,41 @@ const MobileWatermark = ({ onDontShow })=>{
     });
 };
 const Watermark_Watermark = ()=>{
-    const [closed, setClosed] = useState(false);
+    const appId = getAppId();
+    const storageKey = `miaoda-creatByMiaodo-has-closed-${appId}`;
+    const [closed, setClosed] = useState(()=>{
+        try {
+            return !!window.localStorage?.getItem(storageKey);
+        } catch  {
+            return false;
+        }
+    });
+    const [showBadge, setShowBadge] = useState(true);
+    const [loaded, setLoaded] = useState(false);
     const [open, setOpen] = useState(false);
     const timer = useRef(null);
     const isMobile = useIsMobile();
+    useEffect(()=>{
+        getInitialInfo().then((info)=>{
+            const badge = info?.app_info?.show_badge;
+            setShowBadge(false !== badge);
+        }).catch(()=>{
+            setShowBadge(true);
+        }).finally(()=>{
+            setLoaded(true);
+        });
+    }, []);
+    if (!loaded) return null;
+    if (!showBadge) return null;
     if (closed) return null;
+    const handleClose = ()=>{
+        setClosed(true);
+        try {
+            window.localStorage?.setItem(storageKey, 'true');
+        } catch  {}
+    };
     if (isMobile) return /*#__PURE__*/ jsx(MobileWatermark, {
-        onDontShow: ()=>setClosed(true)
+        onDontShow: handleClose
     });
     const enter = ()=>{
         if (timer.current) clearTimeout(timer.current);
@@ -329,7 +358,7 @@ const Watermark_Watermark = ()=>{
             }),
             /*#__PURE__*/ jsx(Pill, {
                 variant: "desktop",
-                onClose: ()=>setClosed(true),
+                onClose: handleClose,
                 showClose: open
             })
         ]

package/lib/utils/getInitialInfo.d.ts

@@ -9,6 +9,8 @@ interface AppRuntimePublished {
     js_urls?: string[];
     app_avatar?: string;
     app_description?: string;
+    /** 是否展示豆包水印徽标；后端缺省视为 true */
+    show_badge?: boolean;
 }
 interface BucketConfig {
     default_bucket_id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.66",
+  "version": "1.2.67-alpha.20260825160411",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [