@lark-apaas/client-toolkit 1.2.10 → 1.2.11

package/lib/components/AppContainer/api-proxy/core.js

@@ -139,7 +139,8 @@ class ApiProxy {
             ...config,
             headers: {
                 ...this.defaultConfig.headers,
-                ...config.headers
+                ...config.headers,
+                'X-Page-Route': 'undefined' != typeof window ? window.location?.pathname || '/' : '/'
             }
         };
         const requestKey = this.generateRequestKey(mergedConfig);

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

@@ -16,7 +16,7 @@ async function createTracker() {
     const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
     const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
     window.collectEvent('init', {
-        app_id: 672575,
+        app_id: 788827,
         channel: 'cn',
         disable_auto_pv: false,
         enable_ab_test: false,

package/lib/components/ui/toast.d.ts

@@ -0,0 +1,2 @@
+/** 显示 toast 提示（兼容 PC/移动端） */
+export declare function showToast(message: string, duration?: number): Promise<void>;

package/lib/components/ui/toast.js

@@ -0,0 +1,53 @@
+function showToast(message, duration = 3000) {
+    return new Promise((resolve)=>{
+        const toast = document.createElement('div');
+        const iconSvg = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 8 1.333ZM8 10a.667.667 0 1 0 0 1.333A.667.667 0 0 0 8 10Zm0-5.333a.667.667 0 0 0-.667.666v3.334a.667.667 0 0 0 1.334 0V5.333A.667.667 0 0 0 8 4.667Z" fill="#ff811a"/>
+    </svg>`;
+        const iconWrapper = document.createElement('span');
+        iconWrapper.innerHTML = iconSvg;
+        Object.assign(iconWrapper.style, {
+            display: 'flex',
+            alignItems: 'center',
+            marginRight: '8px',
+            flexShrink: '0'
+        });
+        const textWrapper = document.createElement('span');
+        textWrapper.textContent = message;
+        toast.appendChild(iconWrapper);
+        toast.appendChild(textWrapper);
+        Object.assign(toast.style, {
+            position: 'fixed',
+            top: '32px',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '12px 16px',
+            backgroundColor: '#fff',
+            color: '#1f2329',
+            border: '1px solid #dee0e3',
+            borderRadius: '6px',
+            fontSize: '14px',
+            lineHeight: '1.5',
+            zIndex: '99999',
+            maxWidth: '80vw',
+            wordBreak: 'break-word',
+            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(0, 0, 0, 0.03)',
+            opacity: '0',
+            transition: 'opacity 0.3s ease'
+        });
+        document.body.appendChild(toast);
+        requestAnimationFrame(()=>{
+            toast.style.opacity = '1';
+        });
+        setTimeout(()=>{
+            toast.style.opacity = '0';
+            setTimeout(()=>{
+                document.body.removeChild(toast);
+                resolve();
+            }, 300);
+        }, duration);
+    });
+}
+export { showToast };

package/lib/index.js

@@ -1,6 +1,7 @@
 import { createClient } from "@lark-apaas/client-capability";
 import { normalizeBasePath } from "./utils/utils.js";
 import { logger } from "./logger/index.js";
+import { showToast } from "./components/ui/toast.js";
 import { version } from "../package.json";
 const capabilityClient = createClient({
     baseURL: normalizeBasePath(process.env.CLIENT_BASE_PATH),
@@ -9,7 +10,10 @@ const capabilityClient = createClient({
             'X-Suda-Csrf-Token': window.csrfToken ?? ''
         }
     },
-    logger: logger
+    logger: logger,
+    onRateLimitError: ()=>{
+        showToast('应用额度已耗尽，请联系应用开发者');
+    }
 });
 const src = {
     version: version

package/lib/utils/axiosConfig.js

@@ -54,7 +54,7 @@ async function logResponse(ok, responseOrError) {
             logTraceID
         };
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        logger.debug({
+        logger.log({
             level: ok,
             args: [
                 parts.join(''),
@@ -110,7 +110,7 @@ async function logResponse(ok, responseOrError) {
         const stacktrace = await requestStacktraceMap.get(requestUUID);
         const logMeta = {};
         if (stacktrace) logMeta.stacktrace = stacktrace;
-        logger.debug({
+        logger.log({
             level: 'error',
             args: [
                 parts.join(''),
@@ -120,7 +120,7 @@ async function logResponse(ok, responseOrError) {
         });
         return;
     }
-    logger.debug({
+    logger.log({
         level: 'error',
         args: [
             '请求失败：无响应对象或配置信息'
@@ -234,6 +234,7 @@ function initAxiosConfig(axiosInstance) {
         config._startTime = config._startTime || Date.now();
         const csrfToken = window.csrfToken;
         if (csrfToken) config.headers['X-Suda-Csrf-Token'] = csrfToken;
+        if ('undefined' != typeof window && window.location?.pathname) config.headers['X-Page-Route'] = window.location.pathname;
         return config;
     }, (error)=>Promise.reject(error));
     instance.interceptors.response.use((response)=>response, (error)=>{
@@ -241,8 +242,8 @@ function initAxiosConfig(axiosInstance) {
             if (error.response?.status === 403) {
                 const method = (error.config?.method || 'GET').toUpperCase();
                 const url = (error.config?.url || '').split('?')[0];
-                logger.debug({
-                    level: 'warning',
+                logger.log({
+                    level: 'warn',
                     args: [
                         `请求被拒绝(403)：${method} ${url}`,
                         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -93,9 +93,9 @@
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
-    "@data-loom/js": "0.4.4",
+    "@data-loom/js": "0.4.5",
     "@lark-apaas/auth-sdk": "^0.1.0",
-    "@lark-apaas/client-capability": "^0.1.3",
+    "@lark-apaas/client-capability": "^0.1.4",
     "@lark-apaas/miaoda-inspector": "^1.0.14",
     "@lark-apaas/observable-web": "^1.0.1",
     "@radix-ui/react-avatar": "^1.1.10",