@lark-apaas/client-toolkit 1.2.6 → 1.2.7

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/apis/components/ActiveLink.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type NavLinkProps } from 'react-router-dom';
+export interface ActiveLinkProps extends Omit<NavLinkProps, 'to'> {
+    to: string;
+}
+/**
+ * ActiveLink 组件
+ *
+ * 替换 react-router-dom 的 NavLink，扩展支持 hash 路由跳转和激活态功能
+ *
+ * @example
+ * // 普通路由跳转
+ * <ActiveLink to="/dashboard">Dashboard</ActiveLink>
+ *
+ * // hash 路由跳转
+ * <ActiveLink to="#section1">Section 1</ActiveLink>
+ *
+ * // 使用函数式 className 显示激活态
+ * <ActiveLink
+ *   to="#features"
+ *   className={({isActive}) => isActive ? 'active' : ''}
+ * >
+ *   Features
+ * </ActiveLink>
+ */
+export declare const ActiveLink: React.ForwardRefExoticComponent<ActiveLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/lib/apis/components/ActiveLink.js

@@ -0,0 +1,67 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+const ActiveLink = /*#__PURE__*/ forwardRef(({ to, onClick, className, style, children, ...rest }, ref)=>{
+    const [currentHash, setCurrentHash] = useState(()=>'undefined' != typeof window ? window.location.hash : '');
+    const isHashRoute = 'string' == typeof to && to.startsWith('#');
+    useEffect(()=>{
+        if (!isHashRoute) return;
+        const handleHashChange = ()=>{
+            setCurrentHash(window.location.hash);
+        };
+        window.addEventListener('hashchange', handleHashChange);
+        return ()=>window.removeEventListener('hashchange', handleHashChange);
+    }, [
+        isHashRoute
+    ]);
+    const isActive = isHashRoute && currentHash === to;
+    if (!isHashRoute) return /*#__PURE__*/ jsx(NavLink, {
+        ref: ref,
+        to: to,
+        onClick: onClick,
+        className: className,
+        style: style,
+        ...rest,
+        children: children
+    });
+    const handleHashClick = (e)=>{
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        e.preventDefault();
+        const hash = to;
+        window.location.hash = hash;
+        setCurrentHash(hash);
+        window.dispatchEvent(new Event('hashchange'));
+        const targetId = hash.slice(1);
+        const targetElement = document.getElementById(targetId);
+        if (targetElement && 'function' == typeof targetElement.scrollIntoView) targetElement.scrollIntoView({
+            behavior: 'smooth'
+        });
+    };
+    const computedClassName = 'function' == typeof className ? className({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : className;
+    const computedStyle = 'function' == typeof style ? style({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : style;
+    const computedChildren = 'function' == typeof children ? children({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : children;
+    return /*#__PURE__*/ jsx("a", {
+        ref: ref,
+        href: to,
+        onClick: handleHashClick,
+        className: computedClassName,
+        style: computedStyle,
+        ...rest,
+        children: computedChildren
+    });
+});
+ActiveLink.displayName = 'ActiveLink';
+export { ActiveLink };

package/lib/apis/trace.d.ts

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

package/lib/apis/trace.js

@@ -0,0 +1 @@
+export * from "../trace/index.js";

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

@@ -0,0 +1 @@
+export { getEnv } from '../../utils/getParentOrigin';

package/lib/apis/utils/getEnv.js

@@ -0,0 +1,2 @@
+import { getEnv } from "../../utils/getParentOrigin.js";
+export { getEnv };

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/IframeBridge.js

@@ -5,6 +5,7 @@ import { connectToParent } from "penpal";
 import { useUpdatingRef } from "../../hooks/useUpdatingRef.js";
 import { resolveParentOrigin, submitPostMessage } from "../../utils/postMessage.js";
 import { childApi } from "./utils/childApi.js";
+import { batchLogInfo } from "../../logger/batch-logger.js";
 import "./utils/listenHot.js";
 var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
     RouteMessageType["RouteChange"] = "RouteChange";
@@ -20,6 +21,11 @@ async function connectParent() {
         type: 'PreviewReady',
         data: {}
     });
+    batchLogInfo('info', JSON.stringify({
+        type: 'PreviewReady',
+        timestamp: Date.now(),
+        url: window.location.href
+    }));
     const parentOrigin = resolveParentOrigin();
     if (!parentOrigin) return;
     const connection = connectToParent({

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

@@ -1,7 +1,10 @@
 import React from 'react';
 import { IBaseThemeProviderProps } from '../theme';
 import '../../index.css';
+interface IBaseAuthProviderProps {
+    enableAuth?: boolean;
+}
 declare const AppContainer: React.FC<{
     children: React.ReactNode;
-} & IBaseThemeProviderProps>;
+} & IBaseThemeProviderProps & IBaseAuthProviderProps>;
 export default AppContainer;

package/lib/components/AppContainer/index.js

@@ -19,6 +19,7 @@ import { getAppId } from "../../utils/getAppId.js";
 import { ServerLogSSEClient } from "../../server-log/index.js";
 import QueryProvider from "../QueryProvider/index.js";
 import { initObservable } from "./utils/observable.js";
+import { AuthProvider } from "@lark-apaas/auth-sdk";
 registerDayjsPlugins();
 initAxiosConfig();
 initObservable();
@@ -33,7 +34,7 @@ const readCssVarColor = (varName, fallback)=>{
     }
 };
 const App = (props)=>{
-    const { themeMeta = {} } = props;
+    const { themeMeta = {}, enableAuth } = props;
     useAppInfo();
     const serverLogClientRef = useRef(null);
     const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
@@ -99,7 +100,10 @@ const App = (props)=>{
             }
         });
     }, []);
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(AuthProvider, {
+        config: {
+            enable: enableAuth
+        },
         children: [
             /*#__PURE__*/ jsx(Toaster, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
@@ -247,6 +251,7 @@ const AppContainer_AppContainer = (props)=>{
                     },
                     children: /*#__PURE__*/ jsx(App, {
                         themeMeta: props.themeMeta,
+                        enableAuth: props.enableAuth,
                         children: children
                     })
                 })

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

@@ -1,5 +1,6 @@
 import sockjs_client from "sockjs-client";
 import { submitPostMessage, submitSlardarEvent } from "../../../utils/postMessage.js";
+import { batchLogInfo } from "../../../logger/batch-logger.js";
 import { getWsPath } from "../../../utils/utils.js";
 let hotInited = false;
 function handleDevServerMessage(msg) {
@@ -15,15 +16,28 @@ function handleDevServerMessage(msg) {
             },
             data: null
         });
-    } else if ('errors' === msg.type) submitPostMessage({
-        type: 'HmrMessage',
-        msg: {
-            type: 'errors',
-            data: JSON.stringify(msg.data)
-        },
-        data: null
-    });
-    else if ('hmr-timing' === msg.type) {
+        batchLogInfo('info', JSON.stringify({
+            type: 'HmrMessage',
+            subType: 'hot',
+            timestamp: Date.now(),
+            hash: msg.data
+        }));
+    } else if ('errors' === msg.type) {
+        submitPostMessage({
+            type: 'HmrMessage',
+            msg: {
+                type: 'errors',
+                data: JSON.stringify(msg.data)
+            },
+            data: null
+        });
+        batchLogInfo('info', JSON.stringify({
+            type: 'HmrMessage',
+            subType: 'errors',
+            timestamp: Date.now(),
+            errorCount: msg.data?.length
+        }));
+    } else if ('hmr-timing' === msg.type) {
         const { duration, fileCount, fileTotalSize } = msg.data;
         submitSlardarEvent({
             name: 'runTiming',
@@ -36,6 +50,14 @@ function handleDevServerMessage(msg) {
                 fileTotalSize
             }
         });
+        batchLogInfo('info', JSON.stringify({
+            type: 'HmrMessage',
+            subType: 'hmr-timing',
+            timestamp: Date.now(),
+            duration,
+            fileCount,
+            fileTotalSize
+        }));
     }
 }
 function connectDevServer() {

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

@@ -1,12 +1,15 @@
 import { AppEnv, observable } from "@lark-apaas/observable-web";
 const initObservable = ()=>{
     try {
+        const appId = window.appId;
         observable.start({
             serviceName: "app",
             env: 'development' === process.env.NODE_ENV ? AppEnv.Dev : AppEnv.Prod,
             collectorUrl: {
-                log: `/spark/app/${window.appId}/runtime/api/v1/observability/logs/collect`,
-                metric: `/spark/app/${window.appId}/runtime/api/v1/observability/metrics/collect`
+                log: `/spark/app/${appId}/runtime/api/v1/observability/logs/collect`,
+                trace: `/spark/app/${appId}/runtime/api/v1/observability/traces/collect`,
+                metric: `/spark/app/${appId}/runtime/api/v1/observability/metrics/collect`,
+                time: `/spark/api/v1/observability/app/${appId}/current_server_timestamp`
             }
         });
     } catch (error) {

package/lib/logger/batch-logger.js

@@ -4,9 +4,9 @@ class BatchLogger {
     flushTimer = null;
     isProcessing = false;
     originConsole;
-    constructor(console, config){
+    constructor(console1, config){
         this.originConsole = {
-            ...console
+            ...console1
         };
         const { userId = '', tenantId = '', appId = '' } = window || {};
         this.config = {
@@ -131,4 +131,5 @@ function destroyBatchLogger() {
         defaultBatchLogger = null;
     }
 }
+if ('production' !== process.env.NODE_ENV && 'undefined' != typeof window) defaultBatchLogger = new BatchLogger(console);
 export { BatchLogger, batchLogInfo, destroyBatchLogger, getBatchLogger, initBatchLogger };

package/lib/logger/selected-logs.js

@@ -2,7 +2,7 @@ import { SourceMapConsumer as external_source_map_SourceMapConsumer } from "sour
 import "../utils/utils.js";
 import { mappingText } from "./source-map-mappings-wasm.js";
 import stacktrace_js from "stacktrace-js";
-import { batchLogInfo, initBatchLogger } from "./batch-logger.js";
+import { batchLogInfo } from "./batch-logger.js";
 function hexToBuffer(hexString) {
     const hex = hexString.replace(/\s/g, '').toUpperCase();
     if (!/^[0-9A-F]+$/.test(hex)) throw new Error('Invalid hex string');
@@ -213,7 +213,6 @@ const typedLogInterceptor = (logger)=>({
             });
         }
     });
-'production' !== process.env.NODE_ENV && initBatchLogger(console);
 const interceptors = 'production' !== process.env.NODE_ENV ? [
     typedLogInterceptor
 ] : [];

package/lib/trace/index.d.ts

@@ -0,0 +1,13 @@
+import { observable } from "@lark-apaas/observable-web";
+/**
+ * 核心 Trace 方法：用于执行并追踪异步函数
+ * 使用代理模式而非直接 bind，确保在调用时获取最新的 observable 实例状态
+ */
+export declare const trace: (...args: Parameters<typeof observable.trace>) => Promise<unknown>;
+/**
+ * 默认导出追踪套件
+ */
+declare const _default: {
+    trace: (name: string, fn: (span: import("@opentelemetry/api").Span) => Promise<unknown>, options?: import("@opentelemetry/api").SpanOptions, span?: import("@opentelemetry/api").Span) => Promise<unknown>;
+};
+export default _default;

package/lib/trace/index.js

@@ -0,0 +1,6 @@
+import { observable } from "@lark-apaas/observable-web";
+const trace = (...args)=>observable.trace(...args);
+const src_trace = {
+    trace
+};
+export { src_trace as default, trace };

package/lib/utils/axiosConfig.d.ts

@@ -1,5 +1,12 @@
 import { AxiosInstance } from 'axios';
-/**
- * axios配置内容：拦截器、日志等
- */
+declare module 'axios' {
+    interface AxiosRequestConfig {
+        /** @internal 存储 Span 实例 */
+        __span?: any;
+        /** @internal 请求开始时间 */
+        _startTime?: number;
+        /** @internal 请求唯一标识 */
+        _requestUUID?: string;
+    }
+}
 export declare function initAxiosConfig(axiosInstance?: AxiosInstance): void;

package/lib/utils/axiosConfig.js

@@ -1,6 +1,8 @@
 import axios from "axios";
+import { observable } from "@lark-apaas/observable-web";
 import { logger } from "../apis/logger.js";
 import { getStacktrace } from "../logger/selected-logs.js";
+import { safeStringify } from "./safeStringify.js";
 const isValidResponse = (resp)=>null != resp && 'object' == typeof resp && 'config' in resp && null !== resp.config && void 0 !== resp.config && 'object' == typeof resp.config && 'status' in resp && 'number' == typeof resp.status && 'data' in resp;
 async function logResponse(ok, responseOrError) {
     if (isValidResponse(responseOrError)) {
@@ -52,7 +54,7 @@ async function logResponse(ok, responseOrError) {
             logTraceID
         };
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        if ('development' === process.env.NODE_ENV) logger.log({
+        logger.debug({
             level: ok,
             args: [
                 parts.join(''),
@@ -108,7 +110,7 @@ async function logResponse(ok, responseOrError) {
         const stacktrace = await requestStacktraceMap.get(requestUUID);
         const logMeta = {};
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        logger.log({
+        logger.debug({
             level: 'error',
             args: [
                 parts.join(''),
@@ -118,7 +120,7 @@ async function logResponse(ok, responseOrError) {
         });
         return;
     }
-    logger.log({
+    logger.debug({
         level: 'error',
         args: [
             '请求失败：无响应对象或配置信息'
@@ -127,21 +129,114 @@ async function logResponse(ok, responseOrError) {
     });
 }
 const requestStacktraceMap = new Map();
+function handleSpanEnd(cfg, response, error) {
+    try {
+        const currentSpan = cfg?.__span;
+        if (!currentSpan) return;
+        const startTime = cfg._startTime;
+        const errorResponse = error?.response || {};
+        const errorMessage = error?.message || '未知错误';
+        const url = response?.request?.responseURL || errorResponse?.request?.responseURL || cfg.url || "";
+        const method = (cfg.method || 'GET').toUpperCase();
+        const path = url.split('?')[0].replace(/^https?:\/\/[^/]+/, '') || '/';
+        const logData = {
+            method,
+            path,
+            url,
+            duration_ms: startTime ? Date.now() - startTime : void 0,
+            status: response ? response.status : errorResponse.status || 0
+        };
+        if (error) logData.error_message = errorMessage;
+        if ('undefined' != typeof navigator) logData.user_agent = navigator.userAgent;
+        if (cfg.data) if ('string' == typeof cfg.data) try {
+            logData.request_body = JSON.parse(cfg.data);
+        } catch  {
+            logData.request_body = cfg.data;
+        }
+        else cfg.data, logData.request_body = cfg.data;
+        const responseData = response?.data || errorResponse?.data;
+        if (responseData) logData.response = responseData;
+        const level = error ? 'ERROR' : 'INFO';
+        observable.log(level, safeStringify(logData), {}, currentSpan);
+        'function' == typeof currentSpan.end && currentSpan.end();
+    } catch (e) {
+        console.error('[AxiosTrace] Log span failed:', e);
+    }
+}
+const AxiosProto = axios.Axios.prototype;
+const originalAxiosRequest = AxiosProto.request;
+AxiosProto.request = function(configOrUrl, config) {
+    let finalConfig;
+    if ('string' == typeof configOrUrl) {
+        finalConfig = config || {};
+        finalConfig.url = configOrUrl;
+    } else finalConfig = configOrUrl || {};
+    if (finalConfig.__span) return originalAxiosRequest.call(this, finalConfig);
+    const fullUrl = this.getUri ? this.getUri(finalConfig) : finalConfig.url || "";
+    const actualMethod = (finalConfig.method || 'GET').toUpperCase();
+    const cleanedPath = fullUrl.split('?')[0].replace(/^https?:\/\/[^/]+/, '') || '/';
+    const span = observable.startSpan(`${actualMethod} ${cleanedPath}`);
+    if (span) try {
+        const spanContext = span.spanContext();
+        if (spanContext && spanContext.traceId) {
+            const traceInfo = `${spanContext.traceId}-${spanContext.spanId}`;
+            if (!finalConfig.headers) finalConfig.headers = {};
+            finalConfig.headers['X-Tt-TraceInfo'] = traceInfo;
+            finalConfig.__span = span;
+            finalConfig._startTime = finalConfig._startTime || Date.now();
+        }
+    } catch (e) {
+        console.error('[AxiosTrace] Setup trace info failed:', e);
+    }
+    return originalAxiosRequest.call(this, finalConfig).then((response)=>{
+        handleSpanEnd(response.config || finalConfig, response, null);
+        return response;
+    }, (error)=>{
+        handleSpanEnd(error.config || finalConfig, null, error);
+        throw error;
+    });
+};
+const originalCreate = axios.create;
+axios.create = function(config) {
+    const instance = originalCreate.apply(axios, [
+        config
+    ]);
+    return instance;
+};
+const methods = [
+    'request',
+    'get',
+    'post',
+    'put',
+    'delete',
+    'patch',
+    'head',
+    'options',
+    'postForm',
+    'putForm',
+    'patchForm'
+];
+methods.forEach((method)=>{
+    const originalMethod = axios[method];
+    if ('function' == typeof originalMethod) axios[method] = function(...args) {
+        return AxiosProto.request.apply(axios, args);
+    };
+});
 function initAxiosConfig(axiosInstance) {
-    if (!axiosInstance) axiosInstance = axios;
-    axiosInstance.interceptors.request.use((config)=>{
+    const instance = axiosInstance || axios;
+    instance.interceptors.request.use((config)=>{
         const requestUUID = crypto.randomUUID();
         if ('production' !== process.env.NODE_ENV) {
             const stacktrace = getStacktrace();
             requestStacktraceMap.set(requestUUID, stacktrace);
         }
         config._requestUUID = requestUUID;
-        config._startTime = Date.now();
+        config._startTime = config._startTime || Date.now();
         const csrfToken = window.csrfToken;
         if (csrfToken) config.headers['X-Suda-Csrf-Token'] = csrfToken;
         return config;
     }, (error)=>Promise.reject(error));
-    'production' !== process.env.NODE_ENV && axiosInstance.interceptors.response.use((response)=>{
+    'production' !== process.env.NODE_ENV && instance.interceptors.response.use((response)=>{
         logResponse('success', response);
         return response;
     }, (error)=>{

package/lib/utils/getParentOrigin.js

@@ -1,7 +1,17 @@
 function getEnv() {
+    switch(globalThis.ENVIRONMENT){
+        case 'staging':
+            return 'BOE';
+        case 'gray':
+            return 'PRE';
+        case 'online':
+            return 'ONLINE';
+        default:
+            break;
+    }
     const { origin } = window.location;
-    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'ONLINE';
-    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'PRE';
+    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net') || origin.includes('aiforce.cloud') || origin.includes('aiforce.run')) return 'ONLINE';
+    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net') || origin.includes('aiforce-pre.bytedance.net') || origin.includes('aiforce-pre-preview.bytedance.net') || origin.includes('aiforce-pre.cloud') || origin.includes('aiforce-pre.run')) return 'PRE';
     return 'BOE';
 }
 export { getEnv };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -31,6 +31,11 @@
       "require": "./lib/apis/logger.js",
       "types": "./lib/apis/logger.d.ts"
     },
+    "./trace": {
+      "import": "./lib/apis/trace.js",
+      "require": "./lib/apis/trace.js",
+      "types": "./lib/apis/trace.d.ts"
+    },
     "./udt-types": {
       "import": "./lib/apis/udt-types.js",
       "require": "./lib/apis/udt-types.js",
@@ -60,6 +65,11 @@
       "import": "./lib/apis/utils/*.js",
       "require": "./lib/apis/utils/*.js",
       "types": "./lib/apis/utils/*.d.ts"
+    },
+    "./auth": {
+      "import": "./lib/auth.js",
+      "require": "./lib/auth.js",
+      "types": "./lib/auth.d.ts"
     }
   },
   "scripts": {
@@ -81,9 +91,10 @@
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "^0.4.3",
+    "@lark-apaas/auth-sdk": "^0.1.0",
     "@lark-apaas/client-capability": "^0.1.2",
-    "@lark-apaas/miaoda-inspector": "^1.0.12",
-    "@lark-apaas/observable-web": "^1.0.0",
+    "@lark-apaas/miaoda-inspector": "^1.0.13",
+    "@lark-apaas/observable-web": "^1.0.1",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
@@ -156,6 +167,5 @@
     "react-dom": ">=16.14.0",
     "react-router-dom": ">=6.26.2",
     "styled-jsx": ">=5.0.0"
-  },
-  "gitHead": "10f20a5f5cd6b6fa12524008f8c68c82bc729cc7"
+  }
 }