@lark-apaas/client-toolkit 1.2.70-alpha.20260909115958 → 1.2.70

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

@@ -1,51 +1,41 @@
 import React from 'react';
-/**
- * 打开「投诉与举报」页：scene/entity_type 固定，entity_id 取当前妙搭 appId，域名按环境选，
- * params 整体 encode。appId 为空（异常环境）时直接不跳转，避免带空 entity_id 打开举报中心
- * （与 safety.tsx openReport 同口径）。
- */
-export declare const openDoubaoReport: () => void;
+export declare const openReport: () => void;
 export declare const FeedbackIcon: React.FC;
 export declare const CloseIcon: React.FC<{
     size: number;
 }>;
-export declare const Avatar: React.FC<{
+export declare const DownloadIcon: React.FC;
+export declare const EfficiencyIcon: React.FC;
+type IconType = 'feedback' | 'close' | 'download' | 'efficiency';
+export declare const BrandLogo: React.FC<{
+    src: string;
     size: number;
 }>;
 export declare const Pill: React.FC<{
-    variant: 'desktop' | 'mobile';
+    platform: 'desktop' | 'mobile';
+    brandText: string;
+    logoSrc: string;
     onClose?: () => void;
     showClose?: boolean;
 }>;
 export declare const MenuRow: React.FC<{
-    icon: 'feedback' | 'close';
+    icon: IconType;
     label: string;
     fontSize: number;
     onClick?: () => void;
 }>;
 type MenuItem = {
-    icon: 'feedback' | 'close';
+    icon: IconType;
     label: string;
     onClick?: () => void;
 };
 export declare const MenuCard: React.FC<{
     items: MenuItem[];
+    extraItems?: MenuItem[];
     fontSize: number;
-    footerFontSize: number;
     minWidth: number;
+    itemGap?: number;
     style?: React.CSSProperties;
 }>;
-/**
- * 豆包水印：在视口右下角展示收起态药丸（头像 +「豆包AI」）。
- *
- * 设计稿：Figma 1582:41560（桌面）/ 1582:41777（移动）。
- * - 药丸 / 卡片本体用代码画（投影走 CSS box-shadow、图标用无滤镜小 SVG），高分屏清晰。
- * - 桌面端点关闭叉 → 隐藏整个水印；hover 徽标 → 上方弹白色卡片（投诉与举报 + 由飞书妙搭提供支持）。
- * - 移动端 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,14 +1,26 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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 { DOUBAO_LOGO_SRC, MIAODA_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 DOUBAO_SOURCE = '5';
+const VARIANT = String(process.env.MIAODA_APP_SOURCE) === DOUBAO_SOURCE ? 'doubao' : 'miaoda';
+const VARIANT_CONFIG = {
+    doubao: {
+        brandText: '豆包工作生成',
+        logoSrc: DOUBAO_LOGO_SRC,
+        downloadUrl: 'https://ugapk.com/FCtLH'
+    },
+    miaoda: {
+        brandText: '妙搭生成',
+        logoSrc: MIAODA_LOGO_SRC,
+        landingUrl: 'https://miaoda.feishu.cn/landing'
+    }
+};
 const REPORT_ENABLED = true;
-const BRAND_TEXT = '豆包 AI 生成';
-const POWERED_BY_TEXT = '由飞书妙搭提供支持';
 const FONT_FAMILY = "'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif";
 const PILL_SHADOW = '0px 8px 32px rgba(0,0,0,0.08), 0px 4px 16px rgba(0,0,0,0.04), 0px 2px 4px rgba(0,0,0,0.02)';
 const CARD_SHADOW = '0px 4px 16px rgba(0,0,0,0.03), 0px 4px 10px rgba(0,0,0,0.03), 0px 2px 4px rgba(0,0,0,0.02)';
@@ -17,7 +29,7 @@ const REPORT_DOMAIN = {
     PRE: 'tns.feishu-pre.cn',
     ONLINE: 'tns.feishu.cn'
 };
-const openDoubaoReport = ()=>{
+const openReport = ()=>{
     const appId = getAppId();
     if (!appId) return;
     const params = JSON.stringify({
@@ -78,8 +90,56 @@ const CloseIcon = ({ size })=>/*#__PURE__*/ jsx("svg", {
             fill: "currentColor"
         })
     });
-const Avatar = ({ size })=>/*#__PURE__*/ jsx("img", {
-        src: DOUBAO_LOGO_SRC,
+const DownloadIcon = ()=>/*#__PURE__*/ jsx("svg", {
+        width: 16,
+        height: 16,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+            display: 'block',
+            flexShrink: 0
+        },
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M11.9922 1.99221C12.5445 1.98895 12.9958 2.43407 12.999 2.98634L13.0762 16.1943L14.6387 14.6328L17.8926 11.3789C18.2831 10.9884 18.9171 10.9885 19.3076 11.3789C19.6977 11.7695 19.6979 12.4026 19.3076 12.793L16.0527 16.0479L12.7979 19.3018C12.7111 19.3884 12.6098 19.4566 12.5 19.5059H20.375C20.9271 19.5059 21.3748 19.9538 21.375 20.5059C21.375 21.0581 20.9273 21.5059 20.375 21.5059H3.625C3.07272 21.5059 2.625 21.0581 2.625 20.5059C2.62523 19.9538 3.07286 19.5059 3.625 19.5059H11.6816C11.572 19.4566 11.4704 19.3884 11.3838 19.3018L4.87402 12.793C4.48372 12.4026 4.4839 11.7694 4.87402 11.3789C5.26452 10.9884 5.89756 10.9885 6.28809 11.3789L11.0762 16.166L10.999 2.99806C10.9958 2.44603 11.4402 1.99582 11.9922 1.99221Z",
+            fill: "currentColor"
+        })
+    });
+const EfficiencyIcon = ()=>/*#__PURE__*/ jsxs("svg", {
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+            display: 'block',
+            flexShrink: 0
+        },
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M2.0754 7.57153C2.23188 9.44922 3.49231 11.053 5.27982 11.6488C5.31351 11.6601 5.33994 11.6865 5.35117 11.7202L5.72076 12.8289C5.88752 13.3292 6.3557 13.6667 6.88304 13.6667H9.11696C9.6443 13.6667 10.1125 13.3292 10.2792 12.8289L10.6488 11.7202C10.6601 11.6865 10.6865 11.6601 10.7202 11.6488C12.5077 11.053 13.7681 9.44922 13.9246 7.57153L14 6.66667C14 3.35296 11.3137 0.666668 8 0.666668C4.68629 0.666668 2 3.35296 2 6.66667L2.0754 7.57153ZM9.38392 11.2985L9.03899 12.3333H6.96101L6.61608 11.2985C6.47214 10.8667 6.13328 10.5279 5.70146 10.3839C4.41995 9.95675 3.51631 8.80696 3.40413 7.4608L3.33362 6.61462C3.36152 4.06127 5.44004 2 8 2C10.56 2 12.6385 4.06127 12.6664 6.61462L12.5959 7.4608C12.4837 8.80696 11.5801 9.95675 10.2985 10.3839C9.86672 10.5279 9.52786 10.8667 9.38392 11.2985Z",
+                fill: "currentColor"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6.66667 14.3333C6.29848 14.3333 6 14.6318 6 15C6 15.3682 6.29848 15.6667 6.66667 15.6667H9.33333C9.70152 15.6667 10 15.3682 10 15C10 14.6318 9.70152 14.3333 9.33333 14.3333H6.66667Z",
+                fill: "currentColor"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8.00864 4.13208L5.44578 6.94049C5.20258 7.18228 5.37835 7.56531 5.74361 7.58951L7.2181 7.6872L7.21814 9.60852C7.21814 9.96788 7.72139 10.1366 7.99168 9.86792C8.26197 9.59921 10.5545 7.05951 10.5545 7.05951C10.7977 6.81772 10.622 6.43469 10.2567 6.41049L8.78222 6.3128L8.78219 4.39148C8.78218 4.03212 8.27893 3.86336 8.00864 4.13208Z",
+                fill: "currentColor"
+            })
+        ]
+    });
+const IconMap = {
+    feedback: FeedbackIcon,
+    close: ()=>/*#__PURE__*/ jsx(CloseIcon, {
+            size: 16
+        }),
+    download: DownloadIcon,
+    efficiency: EfficiencyIcon
+};
+const BrandLogo = ({ src, size })=>/*#__PURE__*/ jsx("img", {
+        src: src,
         width: size,
         height: size,
         alt: "",
@@ -93,15 +153,15 @@ const Avatar = ({ size })=>/*#__PURE__*/ jsx("img", {
             display: 'block'
         }
     });
-const Pill = ({ variant, onClose, showClose = false })=>{
-    const isDesktop = 'desktop' === variant;
+const Pill = ({ platform, brandText, logoSrc, onClose, showClose = false })=>{
+    const isDesktop = 'desktop' === platform;
     return /*#__PURE__*/ jsxs("div", {
         style: {
             boxSizing: 'border-box',
             display: 'inline-flex',
             alignItems: 'center',
-            gap: isDesktop ? 4 : 6,
-            padding: isDesktop ? '6px 12px 6px 8px' : '4px 12px 4px 8px',
+            gap: 4,
+            padding: isDesktop ? '6px 12px 6px 8px' : '5px 12px 5px 8px',
             background: '#363636',
             border: '0.5px solid rgba(255,255,255,0.1)',
             borderRadius: 100,
@@ -109,8 +169,9 @@ const Pill = ({ variant, onClose, showClose = false })=>{
             cursor: 'pointer'
         },
         children: [
-            /*#__PURE__*/ jsx(Avatar, {
-                size: isDesktop ? 16 : 18
+            /*#__PURE__*/ jsx(BrandLogo, {
+                src: logoSrc,
+                size: 16
             }),
             /*#__PURE__*/ jsx("span", {
                 style: {
@@ -120,7 +181,7 @@ const Pill = ({ variant, onClose, showClose = false })=>{
                     color: 'rgba(255,255,255,0.85)',
                     whiteSpace: 'nowrap'
                 },
-                children: BRAND_TEXT
+                children: brandText
             }),
             isDesktop && onClose && showClose && /*#__PURE__*/ jsx("span", {
                 role: "button",
@@ -145,6 +206,7 @@ const Pill = ({ variant, onClose, showClose = false })=>{
 };
 const MenuRow = ({ icon, label, fontSize, onClick })=>{
     const [hover, setHover] = useState(false);
+    const Icon = IconMap[icon];
     return /*#__PURE__*/ jsxs("div", {
         role: "menuitem",
         "data-label": label,
@@ -156,6 +218,7 @@ const MenuRow = ({ icon, label, fontSize, onClick })=>{
             display: 'flex',
             alignItems: 'center',
             gap: 8,
+            minHeight: 38,
             padding: '4px 10px',
             borderRadius: 6,
             cursor: 'pointer',
@@ -171,9 +234,7 @@ const MenuRow = ({ icon, label, fontSize, onClick })=>{
                     flexShrink: 0,
                     color: '#000000'
                 },
-                children: 'feedback' === icon ? /*#__PURE__*/ jsx(FeedbackIcon, {}) : /*#__PURE__*/ jsx(CloseIcon, {
-                    size: 16
-                })
+                children: /*#__PURE__*/ jsx(Icon, {})
             }),
             /*#__PURE__*/ jsx("span", {
                 style: {
@@ -188,7 +249,7 @@ const MenuRow = ({ icon, label, fontSize, onClick })=>{
         ]
     });
 };
-const MenuCard = ({ items, fontSize, footerFontSize, minWidth, style })=>/*#__PURE__*/ jsxs("div", {
+const MenuCard = ({ items, extraItems, fontSize, minWidth, itemGap = 0, style })=>/*#__PURE__*/ jsxs("div", {
         style: {
             boxSizing: 'border-box',
             display: 'flex',
@@ -206,7 +267,10 @@ const MenuCard = ({ items, fontSize, footerFontSize, minWidth, style })=>/*#__PU
             items.length > 0 && /*#__PURE__*/ jsx("div", {
                 style: {
                     boxSizing: 'border-box',
-                    padding: 4
+                    padding: 4,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: itemGap
                 },
                 children: items.map((it)=>/*#__PURE__*/ jsx(MenuRow, {
                         icon: it.icon,
@@ -215,37 +279,60 @@ const MenuCard = ({ items, fontSize, footerFontSize, minWidth, style })=>/*#__PU
                         onClick: it.onClick
                     }, it.label))
             }),
-            /*#__PURE__*/ jsx("div", {
-                style: {
-                    boxSizing: 'border-box',
-                    background: '#f9f9f9',
-                    padding: '8px 14px',
-                    fontFamily: FONT_FAMILY,
-                    fontSize: footerFontSize,
-                    lineHeight: `${footerFontSize + 8}px`,
-                    color: 'rgba(0,0,0,0.35)',
-                    whiteSpace: 'nowrap'
-                },
-                children: POWERED_BY_TEXT
+            extraItems && extraItems.length > 0 && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        style: {
+                            height: 1,
+                            background: 'rgba(0,0,0,0.08)',
+                            margin: '0 10px'
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        style: {
+                            boxSizing: 'border-box',
+                            padding: 4
+                        },
+                        children: extraItems.map((it)=>/*#__PURE__*/ jsx(MenuRow, {
+                                icon: it.icon,
+                                label: it.label,
+                                fontSize: fontSize,
+                                onClick: it.onClick
+                            }, it.label))
+                    })
+                ]
             })
         ]
     });
 const MobileWatermark = ({ onDontShow })=>{
     const [open, setOpen] = useState(false);
+    const config = VARIANT_CONFIG[VARIANT];
     const items = [];
+    if ('doubao' === VARIANT) items.push({
+        icon: 'download',
+        label: '下载豆包工作',
+        onClick: ()=>window.open(VARIANT_CONFIG.doubao.downloadUrl, '_blank', 'noopener,noreferrer')
+    });
+    else items.push({
+        icon: 'efficiency',
+        label: '了解妙搭',
+        onClick: ()=>window.open(VARIANT_CONFIG.miaoda.landingUrl, '_blank', 'noopener,noreferrer')
+    });
     if (REPORT_ENABLED) items.push({
         icon: 'feedback',
         label: '投诉与举报',
-        onClick: openDoubaoReport
+        onClick: openReport
     });
-    items.push({
-        icon: 'close',
-        label: '不再展示',
-        onClick: ()=>{
-            setOpen(false);
-            onDontShow();
+    const extraItems = [
+        {
+            icon: 'close',
+            label: '不再展示',
+            onClick: ()=>{
+                setOpen(false);
+                onDontShow();
+            }
         }
-    });
+    ];
     return /*#__PURE__*/ jsxs(Root, {
         open: open,
         onOpenChange: setOpen,
@@ -253,7 +340,7 @@ const MobileWatermark = ({ onDontShow })=>{
             /*#__PURE__*/ jsx(Trigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsx("div", {
-                    "data-custom-element": "doubao-watermark-mobile",
+                    "data-custom-element": `${VARIANT}-watermark-mobile`,
                     style: {
                         position: 'fixed',
                         right: 12,
@@ -262,7 +349,9 @@ const MobileWatermark = ({ onDontShow })=>{
                         cursor: 'pointer'
                     },
                     children: /*#__PURE__*/ jsx(Pill, {
-                        variant: "mobile"
+                        platform: "mobile",
+                        brandText: config.brandText,
+                        logoSrc: config.logoSrc
                     })
                 })
             }),
@@ -276,8 +365,8 @@ const MobileWatermark = ({ onDontShow })=>{
                     },
                     children: /*#__PURE__*/ jsx(MenuCard, {
                         items: items,
+                        extraItems: extraItems,
                         fontSize: 16,
-                        footerFontSize: 14,
                         minWidth: 160
                     })
                 })
@@ -300,6 +389,7 @@ const Watermark_Watermark = ()=>{
     const [open, setOpen] = useState(false);
     const timer = useRef(null);
     const isMobile = useIsMobile();
+    const config = VARIANT_CONFIG[VARIANT];
     useEffect(()=>{
         getInitialInfo().then((info)=>{
             const badge = info?.app_info?.show_badge;
@@ -330,13 +420,23 @@ const Watermark_Watermark = ()=>{
         timer.current = setTimeout(()=>setOpen(false), 100);
     };
     const desktopItems = [];
+    if ('doubao' === VARIANT) desktopItems.push({
+        icon: 'download',
+        label: '下载豆包工作',
+        onClick: ()=>window.open(VARIANT_CONFIG.doubao.downloadUrl, '_blank', 'noopener,noreferrer')
+    });
+    else desktopItems.push({
+        icon: 'efficiency',
+        label: '了解妙搭',
+        onClick: ()=>window.open(VARIANT_CONFIG.miaoda.landingUrl, '_blank', 'noopener,noreferrer')
+    });
     if (REPORT_ENABLED) desktopItems.push({
         icon: 'feedback',
         label: '投诉与举报',
-        onClick: openDoubaoReport
+        onClick: openReport
     });
     return /*#__PURE__*/ jsxs("div", {
-        "data-custom-element": "doubao-watermark",
+        "data-custom-element": `${VARIANT}-watermark`,
         onMouseEnter: enter,
         onMouseLeave: leave,
         style: {
@@ -353,11 +453,13 @@ const Watermark_Watermark = ()=>{
             open && /*#__PURE__*/ jsx(MenuCard, {
                 items: desktopItems,
                 fontSize: 14,
-                footerFontSize: 12,
-                minWidth: 144
+                minWidth: 160,
+                itemGap: 8
             }),
             /*#__PURE__*/ jsx(Pill, {
-                variant: "desktop",
+                platform: "desktop",
+                brandText: config.brandText,
+                logoSrc: config.logoSrc,
                 onClose: handleClose,
                 showClose: open
             })
@@ -365,4 +467,4 @@ const Watermark_Watermark = ()=>{
     });
 };
 const Watermark = Watermark_Watermark;
-export { Avatar, CloseIcon, FeedbackIcon, MenuCard, MenuRow, Pill, Watermark as default, openDoubaoReport };
+export { BrandLogo, CloseIcon, DownloadIcon, EfficiencyIcon, FeedbackIcon, MenuCard, MenuRow, Pill, Watermark as default, openReport };

package/lib/components/AppContainer/__test__/Watermark.test.js

@@ -1,8 +1,8 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
 import react from "react";
 import { renderToStaticMarkup } from "react-dom/server";
-import Watermark, { Avatar, CloseIcon, FeedbackIcon, MenuCard, Pill, openDoubaoReport } from "../Watermark.js";
-import { DOUBAO_LOGO_SRC } from "../doubao-watermark-asset.js";
+import Watermark, { BrandLogo, CloseIcon, FeedbackIcon, MenuCard, Pill, openReport } from "../Watermark.js";
+import { DOUBAO_LOGO_SRC, MIAODA_LOGO_SRC } from "../doubao-watermark-asset.js";
 const html = ()=>renderToStaticMarkup(/*#__PURE__*/ react.createElement(Watermark));
 const setViewportWidth = (w)=>Object.defineProperty(window, 'innerWidth', {
         value: w,
@@ -15,55 +15,67 @@ afterEach(()=>{
     delete window.appId;
     setViewportWidth(1024);
 });
-describe('Watermark（豆包水印·统一改造后）', ()=>{
-    it('始终渲染收起态药丸（头像 + 豆包 AI 生成），不再检查来源', ()=>{
+describe('Watermark（水印·变体拆分后）', ()=>{
+    it('默认（非豆包来源）渲染妙搭变体药丸', ()=>{
         const out = html();
-        expect(out).toContain('data-custom-element="doubao-watermark"');
-        expect(out).toContain('豆包 AI 生成');
-        expect(out).toContain(DOUBAO_LOGO_SRC);
+        expect(out).toContain('data-custom-element="miaoda-watermark"');
+        expect(out).toContain('妙搭生成');
+        expect(out).toContain(MIAODA_LOGO_SRC);
         expect(out).not.toContain('aria-label="关闭"');
         expect(out).not.toContain('投诉与举报');
-        expect(out).not.toContain('由飞书妙搭提供支持');
     });
     it('移动端视口（<768）时展示移动端药丸', ()=>{
         setViewportWidth(375);
         const out = html();
-        expect(out).toContain('data-custom-element="doubao-watermark-mobile"');
-        expect(out).toContain(DOUBAO_LOGO_SRC);
-        expect(out).toContain('豆包 AI 生成');
+        expect(out).toContain('data-custom-element="miaoda-watermark-mobile"');
+        expect(out).toContain(MIAODA_LOGO_SRC);
+        expect(out).toContain('妙搭生成');
         expect(out).not.toContain('aria-label="关闭"');
     });
     describe('展开态展示组件（SSR 覆盖）', ()=>{
-        it('Pill 桌面态：头像 + 豆包 AI 生成；关闭叉仅 showClose 时显示', ()=>{
+        it('Pill 桌面态：logo + 品牌文案；关闭叉仅 showClose 时显示', ()=>{
             const out = renderToStaticMarkup(/*#__PURE__*/ react.createElement(Pill, {
-                variant: 'desktop',
+                platform: 'desktop',
+                brandText: '妙搭生成',
+                logoSrc: MIAODA_LOGO_SRC,
                 onClose: ()=>{}
             }));
-            expect(out).toContain('豆包 AI 生成');
-            expect(out).toContain(DOUBAO_LOGO_SRC);
+            expect(out).toContain('妙搭生成');
+            expect(out).toContain(MIAODA_LOGO_SRC);
             expect(out).not.toContain('aria-label="关闭"');
             const hovered = renderToStaticMarkup(/*#__PURE__*/ react.createElement(Pill, {
-                variant: 'desktop',
+                platform: 'desktop',
+                brandText: '妙搭生成',
+                logoSrc: MIAODA_LOGO_SRC,
                 onClose: ()=>{},
                 showClose: true
             }));
             expect(hovered).toContain('aria-label="关闭"');
         });
-        it('Pill 移动态：头像 + 豆包 AI 生成，无关闭叉', ()=>{
+        it('Pill 移动态：logo + 品牌文案，无关闭叉', ()=>{
             const out = renderToStaticMarkup(/*#__PURE__*/ react.createElement(Pill, {
-                variant: 'mobile'
+                platform: 'mobile',
+                brandText: '豆包工作生成',
+                logoSrc: DOUBAO_LOGO_SRC
             }));
-            expect(out).toContain('豆包 AI 生成');
+            expect(out).toContain('豆包工作生成');
             expect(out).not.toContain('aria-label="关闭"');
         });
-        it('MenuCard：投诉与举报 + 不再展示 行 + 由飞书妙搭提供支持 页脚', ()=>{
+        it('MenuCard：items + extraItems 分隔线', ()=>{
             const out = renderToStaticMarkup(/*#__PURE__*/ react.createElement(MenuCard, {
                 items: [
+                    {
+                        icon: 'efficiency',
+                        label: '了解妙搭',
+                        onClick: ()=>{}
+                    },
                     {
                         icon: 'feedback',
                         label: '投诉与举报',
                         onClick: ()=>{}
-                    },
+                    }
+                ],
+                extraItems: [
                     {
                         icon: 'close',
                         label: '不再展示',
@@ -71,29 +83,29 @@ describe('Watermark（豆包水印·统一改造后）', ()=>{
                     }
                 ],
                 fontSize: 16,
-                footerFontSize: 14,
                 minWidth: 160
             }));
+            expect(out).toContain('data-label="了解妙搭"');
             expect(out).toContain('data-label="投诉与举报"');
             expect(out).toContain('data-label="不再展示"');
-            expect(out).toContain('由飞书妙搭提供支持');
         });
-        it('图标：FeedbackIcon / CloseIcon / Avatar 渲染', ()=>{
+        it('图标：FeedbackIcon / CloseIcon / BrandLogo 渲染', ()=>{
             expect(renderToStaticMarkup(/*#__PURE__*/ react.createElement(FeedbackIcon))).toContain('<svg');
             expect(renderToStaticMarkup(/*#__PURE__*/ react.createElement(CloseIcon, {
                 size: 16
             }))).toContain('<svg');
-            expect(renderToStaticMarkup(/*#__PURE__*/ react.createElement(Avatar, {
+            expect(renderToStaticMarkup(/*#__PURE__*/ react.createElement(BrandLogo, {
+                src: MIAODA_LOGO_SRC,
                 size: 18
-            }))).toContain(DOUBAO_LOGO_SRC);
+            }))).toContain(MIAODA_LOGO_SRC);
         });
     });
-    describe('openDoubaoReport（举报跳转）', ()=>{
+    describe('openReport（举报跳转）', ()=>{
         it('按当前环境(getEnv)拼出飞书风控举报中心(tns) URL 并以新窗口打开', ()=>{
             const openSpy = vi.spyOn(window, 'open').mockReturnValue(null);
             window.appId = 'app_abc';
             globalThis.ENVIRONMENT = 'staging';
-            openDoubaoReport();
+            openReport();
             expect(openSpy).toHaveBeenCalledTimes(1);
             const [url, target, features] = openSpy.mock.calls[0];
             expect(String(url)).toContain('tns.feishu-boe.cn/cust/lark_report/');
@@ -105,7 +117,7 @@ describe('Watermark（豆包水印·统一改造后）', ()=>{
         it('无 appId 时不跳转', ()=>{
             const openSpy = vi.spyOn(window, 'open').mockReturnValue(null);
             globalThis.ENVIRONMENT = 'online';
-            openDoubaoReport();
+            openReport();
             expect(openSpy).not.toHaveBeenCalled();
         });
     });

package/lib/components/AppContainer/doubao-watermark-asset.d.ts

@@ -1 +1,2 @@
 export declare const DOUBAO_LOGO_SRC = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui/doubao.svg";
+export declare const MIAODA_LOGO_SRC = "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodalogo.svg";

package/lib/components/AppContainer/doubao-watermark-asset.js

@@ -1,3 +1,4 @@
-const CDN = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui';
-const DOUBAO_LOGO_SRC = `${CDN}/doubao.svg`;
-export { DOUBAO_LOGO_SRC };
+const CDN = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp';
+const DOUBAO_LOGO_SRC = `${CDN}/miaoda-ui/doubao.svg`;
+const MIAODA_LOGO_SRC = `${CDN}/logo/miaodalogo.svg`;
+export { DOUBAO_LOGO_SRC, MIAODA_LOGO_SRC };

package/package.json

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