@lark-apaas/client-toolkit 1.2.28-alpha.75 → 1.2.28-alpha.77

package/lib/components/AppContainer/safety.js

@@ -12,10 +12,26 @@ const Component = ()=>{
     const [open, setOpen] = useState(false);
     const isMobile = useIsMobile();
     const timeoutRef = useRef(null);
-    const platformData = window.__platform__ ?? {};
-    const tenantName = platformData.tenantName ?? '';
-    const isInternetVisible = platformData.isInternetVisible ?? false;
+    const platformData = window.__platform_data__ || window.__platform__ || {};
+    const appId = getAppId() || platformData.appId;
     const showBadge = false !== platformData.showBadge;
+    const [tenantName, setTenantName] = useState('');
+    const [isInternetVisible, setIsInternetVisible] = useState(false);
+    useEffect(()=>{
+        if (!showBadge || !visible) return;
+        fetch(`/spark/b/${appId}/tenant_info`).then((res)=>res.json()).then((data)=>{
+            if (data?.status_code === '0' || data?.code === 0) {
+                setTenantName(data?.data?.tenant_info?.name || '');
+                setIsInternetVisible(data?.data?.is_internet_visible || false);
+            }
+        }).catch((e)=>{
+            console.warn('Failed to fetch tenant info:', e);
+        });
+    }, [
+        appId,
+        showBadge,
+        visible
+    ]);
     useEffect(()=>{
         if (isMobile) {
             const link = document.createElement('link');

package/lib/components/ErrorRender/index.js

@@ -3,6 +3,7 @@ import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
 import { getHmrApi } from "../../utils/hmr-api.js";
 import { submitPostMessage } from "../../utils/postMessage.js";
+import { t } from "../../locales/index.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
     useEffect(()=>{
@@ -46,7 +47,7 @@ const RenderError = (props)=>{
                 }),
                 /*#__PURE__*/ jsx("p", {
                     className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium",
-                    children: "页面出错了"
+                    children: t('errorRender.title')
                 })
             ]
         })

package/lib/components/NotFoundRender/index.js

@@ -2,16 +2,21 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocation } from "react-router-dom";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
+import { t } from "../../locales/index.js";
 const NotFound = ()=>{
     const location = useLocation();
     useEffect(()=>{
         logger.log({
             level: 'error',
             args: [
-                `页面 ${location.pathname} 不存在`
+                t('notFound.logger.pageNotExist', {
+                    path: location.pathname
+                })
             ],
             meta: {
-                repairMessage: `页面 ${location.pathname} 不存在，帮我创建对应页面，并配置到"client/src/app.tsx"路由表中`,
+                repairMessage: t('notFound.logger.repairMessage', {
+                    path: location.pathname
+                }),
                 noStacktrace: true,
                 stacktrace: [],
                 type: 'not-found'
@@ -30,7 +35,7 @@ const NotFound = ()=>{
             }),
             /*#__PURE__*/ jsx("p", {
                 className: "text-l/[22px] text-[14px] text-[#1F2329] font-medium",
-                children: "页面不存在"
+                children: t('notFound.pageNotExist')
             })
         ]
     });

package/lib/components/PagePlaceholder/index.js

@@ -1,6 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const PagePlaceholder = ({ title = '页面待开发', description = '页面暂未开发，请耐心等待...' })=>/*#__PURE__*/ jsxs("div", {
+import { t } from "../../locales/index.js";
+const PagePlaceholder_PagePlaceholder = ({ title, description })=>{
+    const defaultTitle = t('pagePlaceholder.title');
+    const defaultDescription = t("pagePlaceholder.description");
+    return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col items-center justify-center px-6 w-full h-[calc(100vh-64px)] text-center",
         children: [
             /*#__PURE__*/ jsx("img", {
@@ -12,13 +16,14 @@ const PagePlaceholder = ({ title = '页面待开发', description = '页面暂
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "text-center text-foreground text-base font-medium mb-1 leading-6",
-                children: title
+                children: title ?? defaultTitle
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "text-center text-muted-foreground text-base leading-6 line-clamp-2 sm:max-w-[480px]",
-                children: description
+                children: description ?? defaultDescription
             })
         ]
     });
-const components_PagePlaceholder = PagePlaceholder;
-export { components_PagePlaceholder as default };
+};
+const PagePlaceholder = PagePlaceholder_PagePlaceholder;
+export { PagePlaceholder as default };

package/lib/components/User/UserProfile/UserProfileUI.js

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { clsxWithTw } from "../../../utils/utils.js";
 import { getChatAppLink } from "./utils.js";
 import { OverflowTooltipText } from "../../ui/overflow-tooltip-text.js";
+import { t } from "../../../locales/index.js";
 function UserProfileUI({ user }) {
     const [avatarError, setAvatarError] = useState(false);
     const canShowAvatar = Boolean(user.avatar) && !avatarError;
@@ -52,7 +53,7 @@ function UserProfileUI({ user }) {
                                         }),
                                         'inactive' === user.status && /*#__PURE__*/ jsx("span", {
                                             className: "shrink-0 inline-flex items-center rounded-sm bg-destructive px-2 py-0.5 text-xs font-medium text-white",
-                                            children: "暂停使用"
+                                            children: t('userProfile.status.inactive')
                                         })
                                     ]
                                 }),
@@ -75,7 +76,7 @@ function UserProfileUI({ user }) {
                                                     fill: "currentColor"
                                                 })
                                             }),
-                                            "消息"
+                                            t('userProfile.button.message')
                                         ]
                                     })
                                 }) : null
@@ -90,7 +91,7 @@ function UserProfileUI({ user }) {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "min-w-[74px] text-sm text-muted-foreground",
-                                        children: "部门"
+                                        children: t('userProfile.label.department')
                                     }),
                                     /*#__PURE__*/ jsx("span", {
                                         className: clsxWithTw('flex-1 break-all text-sm text-foreground', {
@@ -105,7 +106,7 @@ function UserProfileUI({ user }) {
                                 children: [
                                     /*#__PURE__*/ jsx("span", {
                                         className: "min-w-[74px] text-sm text-muted-foreground",
-                                        children: "邮箱"
+                                        children: t('userProfile.label.email')
                                     }),
                                     user.email ? /*#__PURE__*/ jsx("a", {
                                         href: `mailto:${user.email}`,

package/lib/components/User/UserSelectUI/UserSelectUI.js

@@ -7,7 +7,9 @@ import { MultipleSelectionTags } from "./MultipleSelectionTags.js";
 import { SingleSelectionPreview } from "./SingleSelectionPreview.js";
 import { ActionButtons } from "./ActionButtons.js";
 import { Dropdown } from "./Dropdown.js";
-const UserSelectUI = ({ mode = 'single', value, onChange, placeholder = '请选择用户', disabled = false, allowClear = true, onSearch, loading = false, options = [] })=>{
+import { t } from "../../../locales/index.js";
+const UserSelectUI = ({ mode = 'single', value, onChange, placeholder, disabled = false, allowClear = true, onSearch, loading = false, options = [] })=>{
+    const defaultPlaceholder = t('userSelect.placeholder');
     const [isOpen, setIsOpen] = useState(false);
     const [searchText, setSearchText] = useState('');
     const [searchResults, setSearchResults] = useState([]);
@@ -135,7 +137,7 @@ const UserSelectUI = ({ mode = 'single', value, onChange, placeholder = '请选
     const singleSelectedUser = 'single' === mode && hasSelection ? selectedUsers[0] : void 0;
     const showSingleSelection = !!singleSelectedUser && 0 === searchText.length;
     const canClear = allowClear && hasSelection && !disabled;
-    const inputPlaceholder = hasSelection ? '' : placeholder;
+    const inputPlaceholder = hasSelection ? '' : placeholder ?? defaultPlaceholder;
     const focusInputAtStart = ()=>{
         const input = inputRef.current;
         if (!input) return;

package/lib/components/ui/confirm.js

@@ -4,11 +4,15 @@ import { createRoot } from "react-dom/client";
 import { Content, Description, Overlay, Portal, Root, Title } from "@radix-ui/react-dialog";
 import { Button } from "./button.js";
 import { clsxWithTw } from "../../utils/utils.js";
+import { t } from "../../locales/index.js";
 function showConfirm(options) {
     const opts = 'string' == typeof options ? {
         message: options
     } : options;
-    const { title = '提示', message, confirmText = '确认', cancelText = '取消', variant = 'default' } = opts;
+    const { title, message, confirmText, cancelText, variant = 'default' } = opts;
+    const defaultTitle = t('confirm.title');
+    const defaultConfirmText = t('confirm.confirmText');
+    const defaultCancelText = t('confirm.cancelText');
     return new Promise((resolve)=>{
         const container = document.createElement('div');
         document.body.appendChild(container);
@@ -26,10 +30,10 @@ function showConfirm(options) {
             resolve(false);
         }
         root.render(/*#__PURE__*/ jsx(ConfirmDialog, {
-            title: title,
+            title: title ?? defaultTitle,
             message: message,
-            confirmText: confirmText,
-            cancelText: cancelText,
+            confirmText: confirmText ?? defaultConfirmText,
+            cancelText: cancelText ?? defaultCancelText,
             variant: variant,
             onConfirm: handleConfirm,
             onCancel: handleCancel

package/lib/index.js

@@ -4,6 +4,7 @@ import { getAppId } from "./utils/getAppId.js";
 import { isNewPathEnabled } from "./utils/apiPath.js";
 import { logger } from "./logger/index.js";
 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";
 const _appId = getAppId();
@@ -20,7 +21,7 @@ const capabilityClient = createClient({
     },
     logger: logger,
     onRateLimitError: ()=>{
-        showToast('应用额度已耗尽，请联系应用开发者');
+        showToast(t('index.rateLimitError'));
     }
 });
 const src = {

package/lib/locales/messages.js

@@ -30,6 +30,78 @@ const messages_messages = {
     'safety.cover.mobile': {
         zh: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-mobile.png',
         en: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/logo/miaodacover-weben.png'
+    },
+    'index.rateLimitError': {
+        zh: '应用额度已耗尽，请联系应用开发者',
+        en: 'Application quota exhausted, please contact the app developer'
+    },
+    'theme.themeColors.title': {
+        zh: '主题色',
+        en: 'Theme Color'
+    },
+    'theme.themeRadius.title': {
+        zh: '圆角',
+        en: 'Border Radius'
+    },
+    'theme.themeSpaces.title': {
+        zh: '间距',
+        en: 'Spacing'
+    },
+    'errorRender.title': {
+        zh: '页面出错了',
+        en: 'Something went wrong'
+    },
+    'notFound.pageNotExist': {
+        zh: '页面不存在',
+        en: 'Page not found'
+    },
+    'notFound.logger.pageNotExist': {
+        zh: '页面 {path} 不存在',
+        en: 'Page {path} does not exist'
+    },
+    'notFound.logger.repairMessage': {
+        zh: '页面 {path} 不存在，帮我创建对应页面，并配置到"client/src/app.tsx"路由表中',
+        en: 'Page {path} does not exist, help me create the corresponding page and configure it in the "client/src/app.tsx" routing table'
+    },
+    'pagePlaceholder.title': {
+        zh: '页面待开发',
+        en: 'Page coming soon'
+    },
+    "pagePlaceholder.description": {
+        zh: '页面暂未开发，请耐心等待...',
+        en: 'This page is under development, please wait...'
+    },
+    'confirm.title': {
+        zh: '提示',
+        en: 'Confirm'
+    },
+    'confirm.confirmText': {
+        zh: '确认',
+        en: 'Confirm'
+    },
+    'confirm.cancelText': {
+        zh: '取消',
+        en: 'Cancel'
+    },
+    'userSelect.placeholder': {
+        zh: '请选择用户',
+        en: 'Select user'
+    },
+    'userProfile.status.inactive': {
+        zh: '暂停使用',
+        en: 'Inactive'
+    },
+    'userProfile.button.message': {
+        zh: '消息',
+        en: 'Message'
+    },
+    'userProfile.label.department': {
+        zh: '部门',
+        en: 'Department'
+    },
+    'userProfile.label.email': {
+        zh: '邮箱',
+        en: 'Email'
     }
 };
 const messages = messages_messages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.2.28-alpha.75",
+  "version": "1.2.28-alpha.77",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [