@lark-apaas/client-toolkit 1.1.21-alpha.auth.dev.1 → 1.1.21-alpha.auth.dev.11

package/README.md

@@ -6,3 +6,71 @@
 
 * 导出所有对外暴露的 API 和组件，并通过 npm exports 来控制
 * 其他目录作为 internal 实现，不对外暴露
+
+### auth 目录
+
+* 包含与权限相关的 API 和组件
+
+
+### 开发组件 - 使用 CanRole 组件 (推荐)
+
+```tsx
+import { CanRole } from '@lark-apaas/client-toolkit/auth';
+
+function Home() {
+  return (
+    <div>
+      <CanRole roles={['role_admin']}>
+        <div>管理员按钮</div>
+      </CanRole>
+      <CanRole roles={['role_admin', 'role_editor']}>
+        <div>编辑按钮</div>
+      </CanRole>
+    </div>
+  );
+}
+```
+
+### 开发组件 - 使用 AbilityContext 处理复杂场景
+
+```tsx
+import { useContext } from 'react';
+import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit/auth';
+
+function Home() {
+  const ability = useContext(AbilityContext);
+  return (
+    <div>
+      {ability.can('role_admin', ROLE_SUBJECT) || ability.can('role_editor', ROLE_SUBJECT) ? (
+        <div>可见的仪表盘</div>
+      ) : null}
+    </div>
+  );
+}
+```
+
+### 开发组件 - 进阶示例
+
+### 菜单按权限过滤
+
+```tsx
+import { useContext } from 'react';
+import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit/auth';
+
+const menus = [
+  { name: 'Dashboard', path: '/dashboard', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
+  { name: 'Users', path: '/users', p: { action: 'role_editor', subject: ROLE_SUBJECT } },
+  { name: 'Settings', path: '/settings', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
+];
+
+function Nav() {
+  const ability = useContext(AbilityContext);
+  return (
+    <nav>
+      {menus.map(m => ability.can(m.p.action, m.p.subject) && (
+        <a key={m.path} href={m.path}>{m.name}</a>
+      ))}
+    </nav>
+  );
+} 
+```

package/lib/antd-table.d.ts

@@ -0,0 +1,4 @@
+import { Table } from 'antd';
+import type { TableProps } from 'antd';
+export { Table };
+export type { TableProps };

package/lib/antd-table.js

@@ -0,0 +1,2 @@
+import { Table } from "antd";
+export { Table };

package/lib/apis/utils/getAxiosForBackend.d.ts

@@ -0,0 +1 @@
+export * from '../../utils/getAxiosForBackend';

package/lib/apis/utils/getAxiosForBackend.js

@@ -0,0 +1 @@
+export * from "../../utils/getAxiosForBackend.js";

package/lib/auth.d.ts

@@ -0,0 +1 @@
+export { CanRole, AbilityContext, ROLE_SUBJECT } from '@lark-apaas/auth-sdk';

package/lib/auth.js

@@ -0,0 +1,2 @@
+import { AbilityContext, CanRole, ROLE_SUBJECT } from "@lark-apaas/auth-sdk";
+export { AbilityContext, CanRole, ROLE_SUBJECT };

package/lib/components/AppContainer/index.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useRef, useState } from "react";
+import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import IframeBridge from "./IframeBridge.js";
 import { defaultUIConfig } from "../theme/ui-config.js";
@@ -9,15 +10,29 @@ import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, them
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
 import { initAxiosConfig } from "../../utils/axiosConfig.js";
+import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
+import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
+import { getAppId } from "../../utils/getAppId.js";
+import { ServerLogPoller } from "../../server-log/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 registerDayjsPlugins();
 initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
+const readCssVarColor = (varName, fallback)=>{
+    try {
+        if ('undefined' == typeof document) return fallback;
+        const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+        return value || fallback;
+    } catch  {
+        return fallback;
+    }
+};
 const App = (props)=>{
     const { themeMeta = {}, enableAuth } = props;
     useAppInfo();
+    const serverLogPollerRef = useRef(null);
     const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
         rem: '0.625'
     };
@@ -29,6 +44,30 @@ const App = (props)=>{
             borderRadius: radiusToken
         }
     };
+    useEffect(()=>{
+        if ('production' !== process.env.NODE_ENV && window.parent !== window) {
+            try {
+                const backendUrl = window.location.origin;
+                serverLogPollerRef.current = new ServerLogPoller({
+                    serverUrl: backendUrl,
+                    apiPath: '/dev/logs/server-logs',
+                    pollInterval: 2000,
+                    limit: 100,
+                    debug: true
+                });
+                serverLogPollerRef.current.start();
+                console.log('[AppContainer] Server log poller started');
+            } catch (error) {
+                console.error('[AppContainer] Failed to start server log poller:', error);
+            }
+            return ()=>{
+                if (serverLogPollerRef.current) {
+                    serverLogPollerRef.current.stop();
+                    console.log('[AppContainer] Server log poller stopped');
+                }
+            };
+        }
+    }, []);
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -37,6 +76,16 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
+    useEffect(()=>{
+        if ('production' === process.env.NODE_ENV) reportTeaEvent({
+            trackKey: TrackKey.VIEW,
+            trackParams: {
+                artifact_uid: getAppId(window.location.pathname),
+                agent_id: 'agent_miaoda',
+                url: window.location.href
+            }
+        });
+    }, []);
     return /*#__PURE__*/ jsxs(AuthProvider, {
         config: {
             enable: enableAuth
@@ -58,18 +107,140 @@ const App = (props)=>{
         ]
     });
 };
-const AppContainer = (props)=>{
+const AppContainer_AppContainer = (props)=>{
     const { children, ...rest } = props;
+    const [cssColors, setCssColors] = useState(()=>({
+            background: readCssVarColor('--background'),
+            destructive: readCssVarColor('--destructive'),
+            primary: readCssVarColor('--primary'),
+            foreground: readCssVarColor('--foreground'),
+            warning: readCssVarColor('--warning'),
+            success: readCssVarColor('--success'),
+            muted: readCssVarColor('--muted'),
+            mutedForeground: readCssVarColor('--muted-foreground'),
+            border: readCssVarColor('--border'),
+            popover: readCssVarColor('--popover'),
+            accent: readCssVarColor('--accent')
+        }));
+    useEffect(()=>{
+        if ('production' === process.env.NODE_ENV) return ()=>{};
+        const observer = new MutationObserver((mutations)=>{
+            for (const mutation of mutations){
+                let linkTag = null;
+                if ('attributes' === mutation.type) {
+                    if ('fullstack-nestjs-template:chunk-main' === mutation.target.dataset.webpack) linkTag = mutation.target;
+                } else if ('childList' === mutation.type) {
+                    for (const node of Array.from(mutation.addedNodes))if ('LINK' === node.nodeName && 'fullstack-nestjs-template:chunk-main' === node.dataset.webpack) {
+                        linkTag = node;
+                        break;
+                    }
+                }
+                if (linkTag) {
+                    let retryCount = 0;
+                    const maxRetries = 10;
+                    const retryDelay = 400;
+                    const updateColors = ()=>{
+                        const newColors = {
+                            background: readCssVarColor('--background'),
+                            destructive: readCssVarColor('--destructive'),
+                            primary: readCssVarColor('--primary'),
+                            foreground: readCssVarColor('--foreground'),
+                            warning: readCssVarColor('--warning'),
+                            success: readCssVarColor('--success'),
+                            muted: readCssVarColor('--muted'),
+                            mutedForeground: readCssVarColor('--muted-foreground'),
+                            border: readCssVarColor('--border'),
+                            popover: readCssVarColor('--popover'),
+                            accent: readCssVarColor('--accent')
+                        };
+                        setCssColors((currentColors)=>{
+                            if (JSON.stringify(currentColors) !== JSON.stringify(newColors)) {
+                                retryCount = 0;
+                                return newColors;
+                            }
+                            if (retryCount < maxRetries) {
+                                retryCount++;
+                                setTimeout(updateColors, retryDelay);
+                            }
+                            return currentColors;
+                        });
+                    };
+                    setTimeout(updateColors, 100);
+                }
+            }
+        });
+        observer.observe(document.head, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: [
+                'href'
+            ]
+        });
+        return ()=>{
+            observer.disconnect();
+        };
+    }, []);
+    const antdThemeToken = {
+        colorBgBase: cssColors.background,
+        colorError: cssColors.destructive,
+        colorInfo: cssColors.primary,
+        colorLink: cssColors.primary,
+        colorPrimary: cssColors.primary,
+        colorSuccess: cssColors.primary,
+        colorTextBase: cssColors.foreground,
+        colorWarning: cssColors.destructive
+    };
+    const antdTableToken = {
+        bodySortBg: cssColors.muted,
+        borderColor: cssColors.border,
+        expandIconBg: cssColors.background,
+        filterDropdownBg: cssColors.popover,
+        filterDropdownMenuBg: cssColors.popover,
+        fixedHeaderSortActiveBg: cssColors.muted,
+        footerBg: cssColors.muted,
+        footerColor: cssColors.mutedForeground,
+        headerBg: cssColors.muted,
+        headerColor: cssColors.mutedForeground,
+        headerFilterHoverBg: cssColors.muted,
+        headerSortActiveBg: cssColors.muted,
+        headerSortHoverBg: cssColors.muted,
+        headerSplitColor: cssColors.border,
+        rowExpandedBg: cssColors.background,
+        rowHoverBg: cssColors.muted,
+        rowSelectedBg: cssColors.accent,
+        rowSelectedHoverBg: cssColors.accent,
+        stickyScrollBarBg: cssColors.muted
+    };
+    const antdPaginationToken = {
+        itemActiveBg: cssColors.background,
+        itemActiveBgDisabled: cssColors.muted,
+        itemActiveColor: cssColors.primary,
+        itemActiveColorDisabled: cssColors.muted,
+        itemActiveColorHover: cssColors.muted,
+        itemBg: cssColors.background,
+        itemInputBg: cssColors.background,
+        itemLinkBg: cssColors.background
+    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(safety, {}),
-            /*#__PURE__*/ jsx(App, {
-                themeMeta: props.themeMeta,
-                enableAuth: props.enableAuth,
-                children: children
+            /*#__PURE__*/ jsx(ConfigProvider, {
+                theme: {
+                    token: antdThemeToken,
+                    components: {
+                        Table: antdTableToken,
+                        Pagination: antdPaginationToken
+                    }
+                },
+                children: /*#__PURE__*/ jsx(App, {
+                    themeMeta: props.themeMeta,
+                    enableAuth: props.enableAuth,
+                    children: children
+                })
             })
         ]
     });
 };
-const components_AppContainer = AppContainer;
-export { components_AppContainer as default };
+const AppContainer = AppContainer_AppContainer;
+export { AppContainer as default };

package/lib/components/AppContainer/safety.js

@@ -44,7 +44,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(SheetTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-3 bottom-20 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
+                    className: "fixed right-[12px] bottom-[80px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000]",
                     onClick: ()=>{
                         setOpen(true);
                     },
@@ -64,10 +64,10 @@ const Component = ()=>{
                 side: "bottom",
                 className: "z-[10000001] border-none bg-transparent outline-0!",
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex flex-col bg-white overflow-hidden rounded-t-2xl relative",
+                    className: "flex flex-col bg-white overflow-hidden rounded-t-[16px] relative",
                     children: [
                         /*#__PURE__*/ jsx(X, {
-                            className: "absolute top-2 left-4 size-6 text-[#2B2F36]",
+                            className: "absolute top-[8px] left-[16px] size-[24px] text-[#2B2F36]",
                             onClick: ()=>setOpen(false)
                         }),
                         /*#__PURE__*/ jsx("img", {
@@ -79,7 +79,7 @@ const Component = ()=>{
                             }
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex flex-col w-full justify-center items-end gap-y-4 border-solid border-[#ffffff0d] border px-5 pt-4 pb-12 shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
+                            className: "flex flex-col w-full justify-center items-end gap-y-[16px] border-solid border-[#ffffff0d] border px-[20px] pt-[16px] pb-[48px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
                             children: [
                                 /*#__PURE__*/ jsxs("div", {
                                     className: "self-stretch shrink-0 flex flex-col items-start gap-y-[4px]",
@@ -89,7 +89,7 @@ const Component = ()=>{
                                             children: [
                                                 /*#__PURE__*/ jsx("img", {
                                                     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_company_outlined.svg",
-                                                    className: "shrink-0 w-3.5 h-3.5"
+                                                    className: "shrink-0 w-[14px] h-[14px]"
                                                 }),
                                                 /*#__PURE__*/ jsxs("p", {
                                                     className: "shrink-0 min-w-[96px] m-0! text-[#646A73] text-sm",
@@ -105,7 +105,7 @@ const Component = ()=>{
                                             children: [
                                                 /*#__PURE__*/ jsx("img", {
                                                     src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/icon/icon_efficiency-ai_outlined.svg",
-                                                    className: "shrink-0 w-3.5 h-3.5"
+                                                    className: "shrink-0 w-[14px] h-[14px]"
                                                 }),
                                                 /*#__PURE__*/ jsx("p", {
                                                     className: "shrink-0 min-w-[163px] m-0! text-[#646A73] text-sm",
@@ -116,10 +116,10 @@ const Component = ()=>{
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "self-stretch shrink-0 flex items-start gap-x-4",
+                                    className: "self-stretch shrink-0 flex items-start gap-x-[16px]",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-[#D0D3D6] bg-white text-[#1F2329] cursor-pointer text-lg py-3",
+                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-[#D0D3D6] bg-white text-[#1F2329] cursor-pointer text-lg py-[12px]",
                                             onClick: (e)=>{
                                                 e.stopPropagation();
                                                 e.preventDefault();
@@ -130,7 +130,7 @@ const Component = ()=>{
                                             children: "不再展示"
                                         }),
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-black bg-black text-white cursor-pointer text-lg py-3",
+                                            className: "flex-1 flex rounded-[99px] items-center justify-center border-[0.5px] border-black bg-black text-white cursor-pointer text-lg py-[12px]",
                                             onClick: ()=>{
                                                 window.open('https://miaoda.feishu.cn/landing', '_blank');
                                             },
@@ -152,7 +152,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-3 bottom-3 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
+                    className: "fixed right-[12px] bottom-[12px] inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-[10px] py-[6px] bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-[6px] text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
                     onMouseEnter: ()=>{
                         clearTimeout(timeoutRef.current);
                         setOpen(true);
@@ -173,7 +173,7 @@ const Component = ()=>{
                 })
             }),
             /*#__PURE__*/ jsx(PopoverContent, {
-                className: "overflow-hidden p-0 m-0 border-0 rounded-xl!",
+                className: "overflow-hidden p-0 m-0 border-0 rounded-[12px]! w-[286px]",
                 style: {
                     boxShadow: '0 6px 12px 0 #41444a0a, 0 8px 24px 0 #41444a0a'
                 },
@@ -188,18 +188,18 @@ const Component = ()=>{
                     timeoutRef.current = setTimeout(()=>setOpen(false), 100);
                 },
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex flex-col bg-[#1F2021]",
+                    className: "flex flex-col bg-[#1A1A1A]",
                     children: [
                         /*#__PURE__*/ jsx("img", {
                             src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover.png",
                             alt: "",
-                            className: "w-72 h-32 cursor-pointer",
+                            className: "w-[286px] h-[128px] cursor-pointer",
                             onClick: ()=>{
                                 window.open('https://miaoda.feishu.cn/landing', '_blank');
                             }
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex flex-col justify-center items-end gap-y-[12px] border-solid border-[#ffffff0d] border pl-[14px] pr-[15px] pt-[11px] pb-[15px] w-[286px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px]",
+                            className: "flex flex-col justify-center items-end gap-y-[12px] border-solid border-[#ffffff0d] border pl-[14px] pr-[15px] pt-[11px] pb-[15px] w-[286px] shadow-(--shadow-2xs,0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_8px_2px_var(--shadow-2xs-1-color,#1f232905),0px_2px_4px_0px_var(--shadow-2xs-1-color,#1f232905)) rounded-t-[12px] text-[#a6a6a6] font-['PingFang_SC'] text-[12px] leading-[20px] tracking-[0px] bg-[#1f2021]",
                             children: [
                                 /*#__PURE__*/ jsxs("div", {
                                     className: "self-stretch shrink-0 flex flex-col items-start gap-y-[4px]",
@@ -236,10 +236,10 @@ const Component = ()=>{
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "self-stretch shrink-0 flex items-start gap-x-[8px]",
+                                    className: "w-full self-stretch shrink-0 flex items-start gap-x-[8px]",
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: "flex-1 flex rounded-lg h-[34px] items-center justify-center border-[0.5px] bg-transparent border-solid hover:bg-[#ffffff08] text-[#ebebeb99] hover:text-[#ebebebe6] cursor-pointer border-[#ffffff1c]",
+                                            className: "flex-1 flex rounded-lg items-center justify-center h-[34px] border-[0.5px] border-solid border-[#ffffff1c] hover:border-[#ffffff33] bg-[#ffffff08] hover:bg-[#ffffff14] cursor-pointer text-[#ebebeb]",
                                             "data-custom-element": "safety-close",
                                             onClick: (e)=>{
                                                 e.stopPropagation();

package/lib/components/AppContainer/utils/getLarkUser.d.ts

@@ -0,0 +1 @@
+export declare function getLarkUserInfo(): Promise<any>;

package/lib/components/AppContainer/utils/getLarkUser.js

@@ -0,0 +1,17 @@
+import { getAppId } from "../../../utils/getAppId.js";
+import { getCsrfToken } from "../../../utils/getCsrfToken.js";
+async function getLarkUserInfo() {
+    const appId = getAppId(window.location.pathname);
+    if (!appId) return {
+        code: 1,
+        msg: 'appId is required',
+        data: {}
+    };
+    const response = await fetch(`/spark/b/${appId}/lark/user_info`, {
+        headers: {
+            'X-Suda-Csrf-Token': getCsrfToken()
+        }
+    });
+    return await response.json();
+}
+export { getLarkUserInfo };

package/lib/components/AppContainer/utils/tea.d.ts

@@ -0,0 +1,8 @@
+import { type TrackParams } from '../../../types/tea';
+export declare const encryptTea: (message: any) => string;
+/**
+ * 初始化Tea 客户端
+ * @export
+ */
+export declare function createTracker(): Promise<void>;
+export declare const reportTeaEvent: ({ trackKey, trackParams }: TrackParams) => Promise<void>;

package/lib/components/AppContainer/utils/tea.js

@@ -0,0 +1,51 @@
+import blueimp_md5 from "blueimp-md5";
+import sha1 from "crypto-js/sha1";
+import { isMobile } from "../../../utils/deviceType.js";
+import { getEnv } from "../../../utils/getParentOrigin.js";
+import { getLarkUserInfo } from "./getLarkUser.js";
+const saltA = '08a441';
+const saltB = '42b91e';
+const encryptTea = (message)=>{
+    const msgString = String(message);
+    return sha1(saltA + blueimp_md5(msgString + saltB)).toString();
+};
+let teaInstance = false;
+async function createTracker() {
+    const { data } = await getLarkUserInfo();
+    const { tenantID, userID } = data || {};
+    const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
+    const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
+    window.collectEvent('init', {
+        app_id: 672575,
+        channel: 'cn',
+        disable_auto_pv: false,
+        enable_ab_test: false,
+        enable_debug: false,
+        enable_stay_duration: true,
+        reportTime: 1000
+    });
+    window.collectEvent('config', {
+        user_unique_id: userIDEncrypt,
+        device_type: isMobile() ? 'mobile' : 'pc',
+        evtParams: {
+            open_from: new URLSearchParams(window.location.search).get('open-from') ?? void 0,
+            env: getEnv(),
+            user_id: userIDEncrypt,
+            tenant_id: tenantIDEncrypt
+        }
+    });
+    teaInstance = true;
+    window.collectEvent('start');
+}
+const reportTeaEvent = async ({ trackKey, trackParams = {} })=>{
+    try {
+        if (!teaInstance) {
+            teaInstance = true;
+            await createTracker();
+        }
+        window.collectEvent(trackKey, trackParams);
+    } catch (err) {
+        console.error(err);
+    }
+};
+export { createTracker, encryptTea, reportTeaEvent };

package/lib/components/ErrorRender/index.js

@@ -2,19 +2,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
 import { createApplyHandle, getModuleHot } from "../../utils/module-hot.js";
+import { submitPostMessage } from "../../utils/postMessage.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
     useEffect(()=>{
-        if (error) logger.log({
-            level: 'error',
-            args: [
-                'Render Error',
-                error
-            ],
-            meta: {
-                type: 'render-error'
-            }
-        });
+        if (error) {
+            submitPostMessage({
+                type: 'RenderError',
+                data: error
+            });
+            logger.log({
+                level: 'error',
+                args: [
+                    'Render Error',
+                    error
+                ],
+                meta: {
+                    type: 'render-error'
+                }
+            });
+        }
     }, [
         error
     ]);

package/lib/components/User/UserDisplay.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { IUserProfile } from '../../apis/udt-types';
-export interface UserDisplayProps {
+export interface IUserDisplayProps {
     /**
      * 支持传入完整的用户资料（IUserProfile）/ 列表（IUserProfile[]）
      * 或仅传入用户 ID（string）/ 列表（string[]）。
@@ -11,5 +11,6 @@ export interface UserDisplayProps {
     className?: string;
     style?: React.CSSProperties;
     showLabel?: boolean;
+    showUserProfile?: boolean;
 }
-export declare const UserDisplay: React.FC<UserDisplayProps>;
+export declare const UserDisplay: React.FC<IUserDisplayProps>;