@lark-apaas/client-toolkit 1.2.61-alpha.4 → 1.2.61-alpha.5

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

@@ -0,0 +1,4 @@
+const CDN = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui';
+const DOUBAO_LOGO_SRC = `${CDN}/setting_voice.svg`;
+const DOUBAO_PILL_MOBILE_PNG = `${CDN}/Frame%202147223991%20(3).png`;
+export { DOUBAO_LOGO_SRC, DOUBAO_PILL_MOBILE_PNG };

package/lib/components/AppContainer/index.js

@@ -7,9 +7,11 @@ import IframeBridge from "./IframeBridge.js";
 import { Toaster } from "./sonner.js";
 import { PageHoc } from "./PageHoc.js";
 import { reportTeaEvent } from "./utils/tea.js";
+import { SafetyErrorBoundary } from "./safety-error-boundary.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
 import { slardar } from "@lark-apaas/internal-slardar";
+import Watermark, { isDoubaoSource } from "./Watermark.js";
 import { getAppId } from "../../utils/getAppId.js";
 import { isNewPathEnabled } from "../../utils/apiPath.js";
 import QueryProvider from "../QueryProvider/index.js";
@@ -75,7 +77,8 @@ const App = (props)=>{
                 },
                 categories: {
                     appId: appId ?? 'unknown',
-                    mode: isMiaodaPreview ? 'preview' : 'runtime'
+                    mode: isMiaodaPreview ? 'preview' : 'runtime',
+                    appType: String(process.env.MIAODA_APP_TYPE ?? 'unknown')
                 }
             });
         }
@@ -196,9 +199,11 @@ const AppContainer_AppContainer = (props)=>{
     };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx(Suspense, {
-                fallback: null,
-                children: /*#__PURE__*/ jsx(Safety, {})
+            /*#__PURE__*/ jsx(SafetyErrorBoundary, {
+                children: isDoubaoSource() ? /*#__PURE__*/ jsx(Watermark, {}) : /*#__PURE__*/ jsx(Suspense, {
+                    fallback: null,
+                    children: /*#__PURE__*/ jsx(Safety, {})
+                })
             }),
             /*#__PURE__*/ jsx(QueryProvider, {
                 children: /*#__PURE__*/ jsx(ConfigProvider, {

package/lib/components/AppContainer/safety-error-boundary.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+}
+interface State {
+    hasError: boolean;
+}
+/**
+ * SafetyErrorBoundary - 包裹 Safety 徽章的 lazy import 失败兜底
+ *
+ * Why: AppContainer 内 `<Suspense fallback={null}><Safety /></Suspense>` 中 Safety 是 React.lazy
+ * 拆出的非核心徽章 chunk。chunk 加载失败（CDN 缓存窗 / 部署漂移 / dev preview hash 漂移 / 网络抖动）
+ * 时 rejected Promise 越过 Suspense 上抛，会冒到 React root 让整应用 unmount = 白屏。
+ *
+ * ErrorBoundary 把失败局限在徽章自身：徽章不显示，应用继续跑。同时上报 slardar 便于事后归因。
+ */
+export declare class SafetyErrorBoundary extends React.Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export {};

package/lib/components/AppContainer/safety-error-boundary.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { slardar } from "@lark-apaas/internal-slardar";
+class SafetyErrorBoundary extends react.Component {
+    state = {
+        hasError: false
+    };
+    static getDerivedStateFromError() {
+        return {
+            hasError: true
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        try {
+            slardar.sendLog({
+                content: `safety_chunk_load_error: ${error.message}`,
+                level: 'error',
+                extra: {
+                    stack: error.stack ?? '',
+                    componentStack: errorInfo.componentStack ?? ''
+                }
+            });
+        } catch  {}
+    }
+    render() {
+        if (this.state.hasError) return null;
+        return this.props.children;
+    }
+}
+export { SafetyErrorBoundary };

package/lib/components/AppContainer/safety.js

@@ -2,12 +2,32 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
 import { getAppId } from "../../utils/getAppId.js";
+import { getEnv } from "../../utils/getParentOrigin.js";
 import { getCsrfToken } from "../../utils/getCsrfToken.js";
 import { isNewPathEnabled } from "../../utils/apiPath.js";
 import { useIsMobile } from "../../hooks/index.js";
 import { X } from "lucide-react";
 import { Sheet, SheetContent, SheetTrigger } from "../ui/drawer.js";
 import { t } from "../../locales/index.js";
+const ICON_FEEDBACK_URL = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miaoda-ui/icon_feedback_outlined.png';
+const REPORT_DOMAIN = {
+    BOE: 'tns.feishu-boe.cn',
+    PRE: 'tns.feishu-pre.cn',
+    ONLINE: 'tns.feishu.cn'
+};
+const openReport = ()=>{
+    const appId = getAppId();
+    if (!appId) return;
+    const params = JSON.stringify({
+        scene: 'miaoda_app_report',
+        entity_id: appId,
+        entity_type: 'miaoda_app',
+        extra: ''
+    });
+    const domain = REPORT_DOMAIN[getEnv()] ?? REPORT_DOMAIN.ONLINE;
+    const url = `https://${domain}/cust/lark_report/?type=common&params=${encodeURIComponent(params)}&lang=zh-CN`;
+    window.open(url, '_blank', 'noopener,noreferrer');
+};
 const Component = ()=>{
     const HasClosedKey = `miaoda-creatByMiaoda-has-closed-${getAppId()}`;
     const [visible, setVisible] = useState(!window.localStorage?.getItem(HasClosedKey));
@@ -129,6 +149,21 @@ const Component = ()=>{
                                                     children: t('safety.ai.disclaimer')
                                                 })
                                             ]
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: "self-stretch shrink-0 flex items-center gap-x-[6px] cursor-pointer",
+                                            "data-custom-element": "safety-report",
+                                            onClick: openReport,
+                                            children: [
+                                                /*#__PURE__*/ jsx("img", {
+                                                    src: ICON_FEEDBACK_URL,
+                                                    className: "shrink-0 w-[14px] h-[14px]"
+                                                }),
+                                                /*#__PURE__*/ jsx("p", {
+                                                    className: "shrink-0 m-0! text-[#646A73] text-sm underline underline-offset-2",
+                                                    children: t('safety.report')
+                                                })
+                                            ]
                                         })
                                     ]
                                 }),
@@ -248,6 +283,21 @@ const Component = ()=>{
                                                     children: t('safety.ai.disclaimer')
                                                 })
                                             ]
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: "self-stretch shrink-0 flex items-center gap-x-[6px] cursor-pointer",
+                                            "data-custom-element": "safety-report",
+                                            onClick: openReport,
+                                            children: [
+                                                /*#__PURE__*/ jsx("img", {
+                                                    src: ICON_FEEDBACK_URL,
+                                                    className: "shrink-0 w-[12px] h-[12px]"
+                                                }),
+                                                /*#__PURE__*/ jsx("p", {
+                                                    className: "shrink-0 m-0! text-[#a6a6a6] underline underline-offset-2",
+                                                    children: t('safety.report')
+                                                })
+                                            ]
                                         })
                                     ]
                                 }),

package/lib/hooks/useCurrentUserProfile.js

@@ -44,7 +44,7 @@ const useCurrentUserProfile = ()=>{
                 email: info?.email,
                 name: userName,
                 avatar: info?.avatar?.image?.large,
-                userName: userName,
+                userName,
                 userAvatar: info?.avatar?.image?.large
             };
             const larkUserId = await fetchLarkUserId();

package/lib/index.d.ts

@@ -1,6 +1,46 @@
+import { getAppId } from './utils/getAppId';
+import { logger } from './logger';
 export declare const capabilityClient: import("@lark-apaas/client-capability").CapabilityClient;
 export { showConfirm } from './components/ui/confirm';
 export type { ConfirmOptions } from './components/ui/confirm';
+export { default as AppContainer } from './components/AppContainer';
+export { default as QueryProvider } from './components/QueryProvider';
+export { default as PagePlaceholder } from './components/PagePlaceholder';
+export { default as Welcome } from './components/PagePlaceholder';
+export { default as ErrorRender } from './components/ErrorRender';
+export { ActiveLink } from './apis/components/ActiveLink';
+export { NavLink } from './apis/components/NavLink';
+export { UniversalLink } from './apis/components/UniversalLink';
+export { useAppInfo } from './hooks/useAppInfo';
+export { useCurrentUserProfile } from './hooks/useCurrentUserProfile';
+export { useIsMobile } from './hooks/useIsMobile';
+export { useLogout } from './hooks/useLogout';
+export { clsxWithTw, isPreview, normalizeBasePath, getWsPath } from './utils/utils';
+export { getCsrfToken } from './utils/getCsrfToken';
+export { scopedStorage } from './utils/scopedStorage';
+export { copyToClipboard } from './utils/copyToClipboard';
+export { isIpad, isMobile, isIOS } from './utils/deviceType';
+export { resolveAppUrl } from './utils/resolveAppUrl';
+export { getEnvPath } from './utils/getEnvPath';
+export { safeStringify } from './utils/safeStringify';
+export { getAxiosForBackend, axiosForBackend } from './utils/getAxiosForBackend';
+export { initAxiosConfig } from './utils/axiosConfig';
+export { getAppId };
+export { getAppInfo } from './integrations/getAppInfo';
+export { getCurrentUserProfile } from './integrations/getCurrentUserProfile';
+export { getDataloom } from './integrations/dataloom';
+export { logger };
+export type { LogLevel, LogWithMeta } from './logger/log-types';
+export { trace } from './trace';
+export { initObservable } from './runtime/observable';
+export type { AppInfoPayload } from './types/common';
+export type { IUserProfile, IJson, IFileAttachment } from './apis/udt-types';
+export type { TrackParams } from './types/tea';
+export { TrackKey } from './types/tea';
+export { reportTeaEvent } from './components/AppContainer/utils/tea';
+export * as avatarImages from './apis/constants/img-resources/avatar';
+export * as bannerImages from './apis/constants/img-resources/banner';
+export * as coverImages from './apis/constants/img-resources/cover';
 declare const _default: {
     version: string;
 };

package/lib/index.js

@@ -1,5 +1,5 @@
 import { createClient } from "@lark-apaas/client-capability";
-import { normalizeBasePath } from "./utils/utils.js";
+import { clsxWithTw, getWsPath, isPreview, normalizeBasePath } from "./utils/utils.js";
 import { getAppId } from "./utils/getAppId.js";
 import { isNewPathEnabled } from "./utils/apiPath.js";
 import { logger } from "./logger/index.js";
@@ -7,6 +7,36 @@ import { showToast } from "./components/ui/toast.js";
 import { t } from "./locales/index.js";
 import { version } from "../package.json";
 import { showConfirm } from "./components/ui/confirm.js";
+import AppContainer from "./components/AppContainer/index.js";
+import QueryProvider from "./components/QueryProvider/index.js";
+import PagePlaceholder from "./components/PagePlaceholder/index.js";
+import ErrorRender from "./components/ErrorRender/index.js";
+import { ActiveLink } from "./apis/components/ActiveLink.js";
+import { NavLink } from "./apis/components/NavLink.js";
+import { UniversalLink } from "./apis/components/UniversalLink.js";
+import { useAppInfo } from "./hooks/useAppInfo.js";
+import { useCurrentUserProfile } from "./hooks/useCurrentUserProfile.js";
+import { useIsMobile } from "./hooks/useIsMobile.js";
+import { useLogout } from "./hooks/useLogout.js";
+import { getCsrfToken } from "./utils/getCsrfToken.js";
+import { scopedStorage } from "./utils/scopedStorage.js";
+import { copyToClipboard } from "./utils/copyToClipboard.js";
+import { isIOS, isIpad, isMobile } from "./utils/deviceType.js";
+import { resolveAppUrl } from "./utils/resolveAppUrl.js";
+import { getEnvPath } from "./utils/getEnvPath.js";
+import { safeStringify } from "./utils/safeStringify.js";
+import { axiosForBackend, getAxiosForBackend } from "./utils/getAxiosForBackend.js";
+import { initAxiosConfig } from "./utils/axiosConfig.js";
+import { getAppInfo } from "./integrations/getAppInfo.js";
+import { getCurrentUserProfile } from "./integrations/getCurrentUserProfile.js";
+import { getDataloom } from "./integrations/dataloom.js";
+import { trace } from "./trace/index.js";
+import { initObservable } from "./runtime/observable.js";
+import { TrackKey } from "./types/tea.js";
+import { reportTeaEvent } from "./components/AppContainer/utils/tea.js";
+import * as __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_avatar_js_2c154035__ from "./apis/constants/img-resources/avatar.js";
+import * as __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_banner_js_72c990bf__ from "./apis/constants/img-resources/banner.js";
+import * as __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_cover_js_90a812c2__ from "./apis/constants/img-resources/cover.js";
 const _appId = getAppId();
 const _acquireUploadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_upload_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_upload_url";
 const _acquireDownloadUrl = isNewPathEnabled() ? `/app/${_appId}/__runtime__/api/v1/studio/plugins/tmp_files/acquire_download_url` : "/af/api/v1/studio/plugins/tmp_files/acquire_download_url";
@@ -27,4 +57,4 @@ const capabilityClient = createClient({
 const src = {
     version: version
 };
-export { capabilityClient, src as default, showConfirm };
+export { ActiveLink, AppContainer, ErrorRender, NavLink, PagePlaceholder, QueryProvider, TrackKey, UniversalLink, PagePlaceholder as Welcome, __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_avatar_js_2c154035__ as avatarImages, axiosForBackend, __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_banner_js_72c990bf__ as bannerImages, capabilityClient, clsxWithTw, copyToClipboard, __WEBPACK_EXTERNAL_MODULE__apis_constants_img_resources_cover_js_90a812c2__ as coverImages, src as default, getAppId, getAppInfo, getAxiosForBackend, getCsrfToken, getCurrentUserProfile, getDataloom, getEnvPath, getWsPath, initAxiosConfig, initObservable, isIOS, isIpad, isMobile, isPreview, logger, normalizeBasePath, reportTeaEvent, resolveAppUrl, safeStringify, scopedStorage, showConfirm, trace, useAppInfo, useCurrentUserProfile, useIsMobile, useLogout };

package/lib/integrations/__test__/dataloom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/integrations/__test__/dataloom.test.js

@@ -0,0 +1,83 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { getDataloom } from "../dataloom.js";
+const { getInitialInfoMock, getAppPublishedMock, getAppIdMock, createClientMock, authUserMock, authSessionMock } = vi.hoisted(()=>({
+        getInitialInfoMock: vi.fn(),
+        getAppPublishedMock: vi.fn(),
+        getAppIdMock: vi.fn(),
+        createClientMock: vi.fn(),
+        authUserMock: {},
+        authSessionMock: {}
+    }));
+vi.mock('../../utils/getInitialInfo', ()=>({
+        getInitialInfo: getInitialInfoMock,
+        getAppPublished: getAppPublishedMock
+    }));
+vi.mock('../../utils/getAppId', ()=>({
+        getAppId: getAppIdMock
+    }));
+vi.mock('@lark-apaas/dataloom', ()=>({
+        createClient: createClientMock
+    }));
+vi.mock('@lark-apaas/auth-sdk', ()=>({
+        authClient: {
+            user: authUserMock,
+            session: authSessionMock
+        }
+    }));
+beforeEach(()=>{
+    getInitialInfoMock.mockReset();
+    getAppPublishedMock.mockReset();
+    getAppIdMock.mockReset();
+    createClientMock.mockReset();
+});
+afterEach(()=>{
+    vi.restoreAllMocks();
+});
+describe('getDataloom', ()=>{
+    it('返回-createClient实例-改用getInitialInfo-新签名不取token/url-appId注入-并发去重-缓存复用', async ()=>{
+        getAppIdMock.mockReturnValue('app-1');
+        getInitialInfoMock.mockResolvedValue({
+            app_runtime_extra: {
+                token: 'pat',
+                url: 'https://x'
+            }
+        });
+        const client = {
+            __id: 'client-1'
+        };
+        createClientMock.mockReturnValue(client);
+        const p1 = getDataloom();
+        const p2 = getDataloom();
+        expect(p1).toBe(p2);
+        const [c1, c2] = await Promise.all([
+            p1,
+            p2
+        ]);
+        expect(c1).toBe(client);
+        expect(c2).toBe(client);
+        expect(getInitialInfoMock).toHaveBeenCalledTimes(1);
+        expect(getAppPublishedMock).not.toHaveBeenCalled();
+        expect(createClientMock).toHaveBeenCalledTimes(1);
+        const args = createClientMock.mock.calls[0];
+        expect(args).toHaveLength(1);
+        const options = args[0];
+        expect(typeof options).toBe('object');
+        expect(options).not.toBe('https://x');
+        expect(options).not.toBe('pat');
+        expect(options.global).toBeDefined();
+        expect(options.global).not.toHaveProperty('url');
+        expect(options.global).not.toHaveProperty('key');
+        expect(options.global?.appId).toBe('app-1');
+        expect(options.global?.accountServices).toEqual({
+            user: authUserMock,
+            session: authSessionMock
+        });
+        const cached1 = await getDataloom();
+        const cached2 = await getDataloom();
+        expect(cached1).toBe(client);
+        expect(cached2).toBe(client);
+        expect(cached1).toBe(cached2);
+        expect(getInitialInfoMock).toHaveBeenCalledTimes(1);
+        expect(createClientMock).toHaveBeenCalledTimes(1);
+    });
+});

package/lib/integrations/dataloom.d.ts

@@ -1,4 +1,4 @@
-declare const createDataLoomClient: (url?: string, pat?: string) => import("@lark-apaas/dataloom").DataloomClient;
+declare const createDataLoomClient: () => import("@lark-apaas/dataloom").DataloomClient;
 /** 获取dataloom实例 */
 export declare function getDataloom(): Promise<ReturnType<typeof createDataLoomClient>>;
 export {};

package/lib/integrations/dataloom.js

@@ -1,14 +1,10 @@
-import { splitWorkspaceUrl } from "../utils/url.js";
 import { createClient } from "@lark-apaas/dataloom";
 import { authClient } from "@lark-apaas/auth-sdk";
 import { getAppId } from "../utils/getAppId.js";
-import { getAppPublished } from "../utils/getInitialInfo.js";
-const createDataLoomClient = (url, pat)=>{
-    const { baseUrl } = url ? splitWorkspaceUrl(url) : {
-        baseUrl: ''
-    };
+import { getInitialInfo } from "../utils/getInitialInfo.js";
+const createDataLoomClient = ()=>{
     const appId = getAppId();
-    return createClient(baseUrl, pat, {
+    return createClient({
         global: {
             enableDataloomLog: 'production' !== process.env.NODE_ENV,
             requestRateLimit: 'production' !== process.env.NODE_ENV ? 100 : void 0,
@@ -26,10 +22,8 @@ let pendingPromise = null;
 function getDataloom() {
     if (dataloom) return Promise.resolve(dataloom);
     if (pendingPromise) return pendingPromise;
-    pendingPromise = getAppPublished().then((info)=>{
-        const DATALOOM_CLIENT_URL = info?.app_runtime_extra?.url;
-        const DATALOOM_PAT = info?.app_runtime_extra?.token;
-        dataloom = createDataLoomClient(DATALOOM_CLIENT_URL, DATALOOM_PAT);
+    pendingPromise = getInitialInfo().then(()=>{
+        dataloom = createDataLoomClient();
         return dataloom;
     }).finally(()=>{
         pendingPromise = null;

package/lib/integrations/services/types.d.ts

@@ -6,6 +6,15 @@ export type I18nText = {
 export type DepartmentBasic = {
     departmentID: string;
     name: I18nText;
+    /** 飞书部门 open id（od- 开头），调飞书部门能力时使用 */
+    openDepartmentID?: string;
+};
+/** 直属上级 / 虚线上级，仅在 needFullFields 时返回 */
+export type LeaderUser = {
+    /** 飞书企业内 user_id */
+    employeeID?: string;
+    /** 妙搭用户全局唯一 ID */
+    miaodaUserID?: string;
 };
 export type UserInfo = {
     userID: string;
@@ -16,11 +25,41 @@ export type UserInfo = {
     department: DepartmentBasic;
     email?: string;
     tenantName?: string;
+    /** 妙搭用户全局唯一 ID（来源同 userID，向前兼容别名） */
+    miaodaUserID?: string;
+    /** 飞书企业内 user_id，仅内部飞书用户；调飞书开放平台能力时使用 */
+    employeeID?: string;
+    /** 飞书用户全局唯一 ID（来源同 larkUserID 别名） */
+    larkID?: string;
+    /** 昵称（多语言），仅 needFullFields=true 时返回 */
+    nickname?: I18nText;
+    /** 手机号，仅 needFullFields=true 时返回 */
+    mobile?: string;
+    /** 性别，仅 needFullFields=true 时返回 */
+    gender?: string;
+    /** 国家/地区，仅 needFullFields=true 时返回 */
+    country?: string;
+    /** 工位，仅 needFullFields=true 时返回 */
+    workStation?: string;
+    /** 工号，仅 needFullFields=true 时返回 */
+    employeeNo?: string;
+    /** 城市，仅 needFullFields=true 时返回 */
+    city?: string;
+    /** 职位（多语言），仅 needFullFields=true 时返回 */
+    jobTitle?: I18nText;
+    /** 员工类型，仅 needFullFields=true 时返回 */
+    employeeType?: string;
+    /** 直属上级，仅 needFullFields=true 时返回 */
+    leader?: LeaderUser;
+    /** 虚线上级，仅 needFullFields=true 时返回 */
+    dottedLineLeaders?: LeaderUser[];
 };
 export type DepartmentInfo = {
     departmentID: string;
     larkDepartmentID: string;
     name: I18nText;
+    /** 飞书部门 open id（od- 开头） */
+    openDepartmentID?: string;
 };
 export type AccountType = 'apaas' | 'lark';
 export type SearchAvatar = {
@@ -35,6 +74,8 @@ export type SearchUsersParams = {
     offset?: number;
     pageSize?: number;
     searchExternalContact?: boolean;
+    /** 是否返回 full 字段（手机号/职位/上级等），默认 false */
+    needFullFields?: boolean;
 };
 export type SearchUsersResponse = {
     data: {
@@ -75,6 +116,8 @@ export type SearchDepartmentsResponse = {
 export type ChatInfo = {
     /** 群组 ID */
     chatID: string;
+    /** 飞书群组 open id（oc_ 开头），调飞书群组能力时使用 */
+    openChatID?: string;
     /** 群组名称（国际化文本） */
     name: I18nText;
     /** 头像：URL 或 16 进制 RGB 颜色 */

package/lib/locales/messages.js

@@ -23,6 +23,10 @@ const messages_messages = {
         zh: '了解更多',
         en: 'Learn more'
     },
+    'safety.report': {
+        zh: '投诉与举报',
+        en: 'Report'
+    },
     'safety.cover.pc': {
         zh: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover.png',
         en: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-weben.png'

package/lib/runtime/index.js

@@ -5,13 +5,11 @@ import { initAxiosConfig } from "./axios.js";
 import { initObservable } from "./observable.js";
 import { initServerLog } from "./server-log.js";
 import { initIframeBridge } from "./iframe-bridge.js";
-import { initPreviewRunReporting } from "./preview-run.js";
 if (!window.__FULLSTACK_RUNTIME_INITIALIZED__) {
     window.__FULLSTACK_RUNTIME_INITIALIZED__ = true;
     registerDayjsPlugins();
     initAxiosConfig();
     initObservable();
-    initPreviewRunReporting();
     if ('production' !== process.env.NODE_ENV) {
         initServerLog();
         initIframeBridge();

package/lib/types/iframe-events.d.ts

@@ -46,7 +46,18 @@ export interface DevServerMessage extends IframeMessage<{
 }> {
     type: 'DevServerMessage';
 }
-export type OutgoingMessage = PreviewReadyMessage | HmrMessage | ConsoleMessage | ChildLocationChangeMessage | CreatePageMessage | RenderErrorMessage | RenderErrorRepairMessage | PageScreenshotMessage | DevServerMessage | UpdateRoutesMessage;
+/**
+ * 预览态下链接点击通知父页面处理。
+ * iframe 内直接跳转可能被浏览器安全策略拦截，
+ * 通过 postMessage 让父页面在新标签页或外壳中打开链接。
+ */
+export interface OpenIframeLinkMessage extends IframeMessage<{
+    href: string;
+    external: boolean;
+}> {
+    type: 'OpenIframeLink';
+}
+export type OutgoingMessage = PreviewReadyMessage | HmrMessage | ConsoleMessage | ChildLocationChangeMessage | CreatePageMessage | RenderErrorMessage | RenderErrorRepairMessage | PageScreenshotMessage | DevServerMessage | UpdateRoutesMessage | OpenIframeLinkMessage;
 export interface GetRoutesMessage extends IframeMessage<Record<string, never>> {
     type: 'GetRoutes';
 }

package/lib/utils/postMessage.d.ts

@@ -1,4 +1,5 @@
 import type { IncomingMessage, OutgoingMessage } from '../types/iframe-events';
+export declare function getParentOriginFromParams(): string | undefined;
 export declare function resolveParentOrigin(): string;
 export declare function submitPostMessage<T extends OutgoingMessage>(message: T, targetOrigin?: string): void;
 export declare function isOutgoingMessage<T extends OutgoingMessage['type']>(msg: OutgoingMessage, type: T): msg is Extract<OutgoingMessage, {

package/lib/utils/postMessage.js

@@ -50,4 +50,4 @@ function isOutgoingMessage(msg, type) {
 function isIncomingMessage(msg, type) {
     return msg.type === type;
 }
-export { isIncomingMessage, isOutgoingMessage, resolveParentOrigin, submitPostMessage };
+export { getParentOriginFromParams, isIncomingMessage, isOutgoingMessage, resolveParentOrigin, submitPostMessage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.61-alpha.4",
+  "version": "1.2.61-alpha.5",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -26,6 +26,7 @@
       "types": "./lib/antd-table.d.ts"
     },
     "./lib/index.css": "./lib/index.css",
+    "./styles.css": "./lib/index.css",
     "./dataloom": {
       "import": "./lib/apis/dataloom.js",
       "require": "./lib/apis/dataloom.js",
@@ -98,12 +99,12 @@
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
-    "@lark-apaas/aily-web-sdk": "^0.0.11",
+    "@lark-apaas/aily-web-sdk": "^0.0.12",
     "@lark-apaas/auth-sdk": "^0.1.5",
     "@lark-apaas/client-capability": "^0.1.7",
-    "@lark-apaas/dataloom": "^0.1.2",
+    "@lark-apaas/dataloom": "^0.1.4",
     "@lark-apaas/internal-slardar": "^0.0.3",
-    "@lark-apaas/miaoda-inspector": "^1.0.23",
+    "@lark-apaas/miaoda-inspector": "1.0.24-alpha.0",
     "@lark-apaas/observable-web": "^1.0.6",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",

package/lib/runtime/preview-run.d.ts

@@ -1,29 +0,0 @@
-export declare const PREVIEW_RUN_ID_QUERY = "__miaoda_preview_run_id";
-export declare const PREVIEW_RENDERED_MESSAGE_TYPE = "MiaodaPreviewRendered";
-interface PreviewRenderedMessage {
-    type: typeof PREVIEW_RENDERED_MESSAGE_TYPE;
-    data: {
-        runID: string;
-        customTtiMs: number;
-        renderedAtEpochMs: number;
-    };
-}
-interface CreatePreviewRenderedMessageOptions {
-    search: string;
-    customTtiMs: number;
-    eventTimeStampMs: number;
-    performanceTimeOriginMs: number;
-    renderedAtEpochMs?: number;
-}
-interface PreviewRunReportingEnvironment {
-    search: string;
-    referrer: string;
-    performanceTimeOriginMs: number;
-    isEmbedded: boolean;
-    addEventListener(type: 'builderV3-custom-TTI', handler: (event: Event) => void): void;
-    removeEventListener(type: 'builderV3-custom-TTI', handler: (event: Event) => void): void;
-    postMessage(message: PreviewRenderedMessage, targetOrigin: string): void;
-}
-export declare function createPreviewRenderedMessage(options: CreatePreviewRenderedMessageOptions): PreviewRenderedMessage | undefined;
-export declare function initPreviewRunReporting(environment?: PreviewRunReportingEnvironment): () => void;
-export {};