@lark-apaas/client-toolkit 1.1.32-alpha.4 → 1.1.33-alpha.0

package/lib/apis/components/QueryProvider.d.ts

@@ -0,0 +1 @@
+export { default as QueryProvider, getDefaultQueryClient } from '../../components/QueryProvider';

package/lib/apis/components/QueryProvider.js

@@ -0,0 +1,2 @@
+import QueryProvider, { getDefaultQueryClient } from "../../components/QueryProvider/index.js";
+export { QueryProvider, getDefaultQueryClient };

package/lib/components/AppContainer/index.js

@@ -16,6 +16,7 @@ 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 QueryProvider from "../QueryProvider/index.js";
 registerDayjsPlugins();
 initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
@@ -221,17 +222,19 @@ const AppContainer_AppContainer = (props)=>{
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(safety, {}),
-            /*#__PURE__*/ jsx(ConfigProvider, {
-                theme: {
-                    token: antdThemeToken,
-                    components: {
-                        Table: antdTableToken,
-                        Pagination: antdPaginationToken
-                    }
-                },
-                children: /*#__PURE__*/ jsx(App, {
-                    themeMeta: props.themeMeta,
-                    children: children
+            /*#__PURE__*/ jsx(QueryProvider, {
+                children: /*#__PURE__*/ jsx(ConfigProvider, {
+                    theme: {
+                        token: antdThemeToken,
+                        components: {
+                            Table: antdTableToken,
+                            Pagination: antdPaginationToken
+                        }
+                    },
+                    children: /*#__PURE__*/ jsx(App, {
+                        themeMeta: props.themeMeta,
+                        children: children
+                    })
                 })
             })
         ]

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

@@ -28,11 +28,6 @@ async function getSourceMap() {
 }
 const childApi = {
     getRoutes,
-    updateAppInfo: (appInfo)=>{
-        dispatchEvent(new CustomEvent('MiaoDaMetaInfoChanged', {
-            detail: appInfo
-        }));
-    },
     getSourceMap,
     apiProxy: {
         api_get: api_get,

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+declare const getDefaultQueryClient: () => QueryClient;
+export type QueryProviderProps = {
+    children: React.ReactNode;
+    client?: QueryClient;
+};
+declare const QueryProvider: React.FC<QueryProviderProps>;
+export default QueryProvider;
+export { getDefaultQueryClient };

package/lib/components/QueryProvider/index.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+let defaultQueryClient = null;
+const getDefaultQueryClient = ()=>{
+    if (!defaultQueryClient) defaultQueryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                retry: 1,
+                refetchOnWindowFocus: false
+            },
+            mutations: {
+                retry: 1
+            }
+        }
+    });
+    return defaultQueryClient;
+};
+const QueryProvider = ({ children, client })=>{
+    const qc = client ?? getDefaultQueryClient();
+    return /*#__PURE__*/ jsx(QueryClientProvider, {
+        client: qc,
+        children: children
+    });
+};
+const components_QueryProvider = QueryProvider;
+export { components_QueryProvider as default, getDefaultQueryClient };

package/lib/hooks/useAppInfo.d.ts

@@ -3,5 +3,4 @@ export declare const useAppInfo: () => {
     appLogo: string;
     name?: string;
     avatar?: string;
-    description?: string;
 };

package/lib/hooks/useAppInfo.js

@@ -3,12 +3,9 @@ import { getAppInfo } from "../integrations/getAppInfo.js";
 const useAppInfo = ()=>{
     const [appInfo, setAppInfo] = useState({});
     useEffect(()=>{
-        const updateDomInfo = (info)=>{
-            if (info.name) {
-                document.title = info.name;
-                const meta = document.querySelector("meta[property='og:title']");
-                if (meta) meta.content = info.name;
-            }
+        const handleMetaInfoChanged = async ()=>{
+            const info = await getAppInfo();
+            if (info.name) document.title = info.name;
             if (info.avatar) {
                 let link = document.querySelector("link[rel~='icon']");
                 if (!link) {
@@ -17,30 +14,13 @@ const useAppInfo = ()=>{
                     document.head.appendChild(link);
                 }
                 link.href = info.avatar;
-                const meta = document.querySelector("meta[property='og:image']");
-                if (meta) meta.content = info.avatar;
-            }
-            if (info.description) {
-                const meta = document.querySelector("meta[property='og:description']");
-                if (meta) meta.content = info.description;
             }
-        };
-        const handleMetaInfoChanged = async (info)=>{
-            if (!info) info = await getAppInfo(true);
-            updateDomInfo(info);
-            setAppInfo((prev)=>({
-                    ...prev,
-                    ...info
-                }));
+            setAppInfo(info);
         };
         handleMetaInfoChanged();
-        const onUpdate = (e)=>{
-            const info = e.detail;
-            handleMetaInfoChanged(info);
-        };
-        window.addEventListener('MiaoDaMetaInfoChanged', onUpdate);
+        window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         return ()=>{
-            window.removeEventListener('MiaoDaMetaInfoChanged', onUpdate);
+            window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
         };
     }, []);
     return {

package/lib/integrations/getAppInfo.d.ts

@@ -1,2 +1,2 @@
 import { AppInfoPayload } from '../types/common';
-export declare function getAppInfo(refresh?: boolean): Promise<AppInfoPayload>;
+export declare function getAppInfo(): Promise<AppInfoPayload>;

package/lib/integrations/getAppInfo.js

@@ -1,9 +1,9 @@
 import { getInitialInfo } from "../utils/getInitialInfo.js";
 import { isSparkRuntime } from "../utils/utils.js";
-async function getAppInfo(refresh = false) {
+async function getAppInfo() {
     let appInfo = 'undefined' != typeof window ? window._appInfo : void 0;
-    if ((!appInfo || refresh) && isSparkRuntime()) {
-        const info = (await getInitialInfo(refresh))?.app_info;
+    if (!appInfo && isSparkRuntime()) {
+        const info = (await getInitialInfo())?.app_info;
         appInfo = {
             name: info?.app_name || '',
             avatar: info?.app_avatar || ''

package/lib/types/common.d.ts

@@ -1,5 +1,4 @@
 export interface AppInfoPayload {
     name: string;
     avatar: string;
-    description: string;
 }

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

@@ -1,4 +1,3 @@
-import { AppInfoPayload } from "./common";
 export interface IframeMessage<T = unknown> {
     type: string;
     data: T;
@@ -56,8 +55,6 @@ export interface ParentApi {
 export interface ChildApi {
     getRoutes: () => Promise<any[]>;
     getSourceMap: () => Promise<string>;
-    /** 更新应用信息 */
-    updateAppInfo: (appInfo: AppInfoPayload) => void;
     apiProxy: {
         api_get: (url: string, config?: any) => Promise<any>;
         api_post: (url: string, data?: any, config?: any) => Promise<any>;

package/lib/utils/getInitialInfo.d.ts

@@ -13,7 +13,7 @@ interface BucketConfig {
     default_bucket_id?: string;
 }
 /** 获取应用初始化信息（仅全栈沙箱模式下使用） */
-export declare function getInitialInfo(refresh?: boolean): Promise<{
+export declare function getInitialInfo(): Promise<{
     app_info?: AppRuntimePublished;
     app_runtime_extra?: AppRuntimeExtra;
 }>;

package/lib/utils/getInitialInfo.js

@@ -23,8 +23,8 @@ async function getAppPublished() {
     }
 }
 let initialInfo;
-async function getInitialInfo(refresh = false) {
-    if (initialInfo && !refresh) return initialInfo;
+async function getInitialInfo() {
+    if (initialInfo) return initialInfo;
     initialInfo = await getAppPublished();
     if (initialInfo) window._bucket_id = initialInfo.app_runtime_extra?.bucket?.default_bucket_id;
     return initialInfo;

package/lib/utils/getParentOrigin.d.ts

@@ -3,4 +3,4 @@ export declare function getEnv(): 'BOE' | 'PRE' | 'ONLINE';
  * @internal
  * 获取预览环境父级域名
  */
-export declare function getPreviewParentOrigin(): "https://force.feishu-boe.cn" | "https://miaoda.feishu.cn" | "https://miaoda.feishu-pre.cn" | "https://miaoda.feishu-boe.cn";
+export declare function getPreviewParentOrigin(): "https://force.feishu.cn" | "https://force.feishu-pre.cn" | "https://force.feishu-boe.cn" | "https://miaoda.feishu.cn" | "https://miaoda.feishu-pre.cn" | "https://miaoda.feishu-boe.cn";

package/lib/utils/getParentOrigin.js

@@ -6,6 +6,8 @@ function getEnv() {
 }
 function getPreviewParentOrigin() {
     const { origin } = window.location;
+    if (origin.includes('force.feishuapp.net')) return 'https://force.feishu.cn';
+    if (origin.includes('force-pre.feishuapp.net')) return 'https://force.feishu-pre.cn';
     if (origin.includes('force.byted.org')) return 'https://force.feishu-boe.cn';
     if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
     if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.32-alpha.4",
+  "version": "1.1.33-alpha.0",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -148,6 +148,7 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.90.12",
     "antd": ">=5.26.6",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0",