@lark-base-open/base-database-cli 1.1.0 → 1.3.7

package/templates/database-starter/page/src/components/UserSelectorPanel/index.tsx

@@ -8,6 +8,7 @@ import React, {
 } from 'react'
 
 import { cn } from '../../lib/cn'
+import { useUiLanguage, type UiLanguage } from '../../lib/ui-language'
 import './index.css'
 import { requestUsers, type SearchUsersData, type User } from './user-search'
 
@@ -24,6 +25,57 @@ const SEARCH_CACHE_TTL_MS = 30_000
 const RECORD_CREATOR_AVATAR_URL =
   'https://lf-package-cn.feishucdn.com/obj/feishu-static/ccm/static_resource/scm_upload/base_filter_current_user.png'
 
+const USER_SELECTOR_PANEL_COPY = {
+  en: {
+    invalidResponse: 'Member search response has an invalid structure',
+    loading: 'Loading...',
+    memberList: 'Member list',
+    noMatches: 'No matching members. Try another search term.',
+    noRecommendations: 'No recommended members yet',
+    recordCreator: 'Add the person who created this record',
+    searchFailed: 'Member search failed',
+    searchFailedCode: (code: number) =>
+      `Could not search members (error code ${code})`,
+    searchMembers: 'Search members',
+  },
+  zh: {
+    invalidResponse: '成员搜索响应结构无效',
+    loading: '加载中...',
+    memberList: '成员列表',
+    noMatches: '没有匹配的成员，请换个关键词',
+    noRecommendations: '暂无推荐成员',
+    recordCreator: '添加此记录的人员',
+    searchFailed: '搜索成员失败',
+    searchFailedCode: (code: number) => `搜索成员失败（错误码 ${code}）`,
+    searchMembers: '搜索成员',
+  },
+  ja: {
+    invalidResponse: 'メンバー検索の応答形式が正しくありません',
+    loading: '読み込み中...',
+    memberList: 'メンバー一覧',
+    noMatches: '一致するメンバーがいません。別のキーワードで検索してください。',
+    noRecommendations: 'おすすめのメンバーがいません',
+    recordCreator: 'このレコードの作成者を追加',
+    searchFailed: 'メンバーの検索に失敗しました',
+    searchFailedCode: (code: number) =>
+      `メンバーを検索できませんでした（エラーコード ${code}）`,
+    searchMembers: 'メンバーを検索',
+  },
+} satisfies Record<
+  UiLanguage,
+  {
+    invalidResponse: string
+    loading: string
+    memberList: string
+    noMatches: string
+    noRecommendations: string
+    recordCreator: string
+    searchFailed: string
+    searchFailedCode: (code: number) => string
+    searchMembers: string
+  }
+>
+
 interface SearchUsersCacheEntry {
   expiresAt: number
   request: Promise<SearchUsersData>
@@ -72,6 +124,8 @@ export default function UserSelectorPanel(
     mode,
     onKeyDown,
   } = props
+  const uiLanguage = useUiLanguage()
+  const i18n = USER_SELECTOR_PANEL_COPY[uiLanguage]
   const isValueControlled = Object.prototype.hasOwnProperty.call(props, 'value')
   const [innerValue, setInnerValue] = useState(defaultValue)
   const [query, setQuery] = useState('')
@@ -94,28 +148,31 @@ export default function UserSelectorPanel(
     activeIndex >= 0 ? `${generatedListboxId}-option-${activeIndex}` : undefined
   const isEmpty = !loading && optionCount === 0
 
-  const getSearchResult = useCallback((keyword: string) => {
-    const cacheKey = keyword.trim()
-    const cachedResult = searchUsersCache.get(cacheKey)
-    if (cachedResult && cachedResult.expiresAt > Date.now()) {
-      return cachedResult.request
-    }
-    searchUsersCache.delete(cacheKey)
-
-    const request = requestUsers(cacheKey)
-      .then(normalizeSearchUsersResponse)
-      .catch((error: unknown) => {
-        if (searchUsersCache.get(cacheKey)?.request === request) {
-          searchUsersCache.delete(cacheKey)
-        }
-        throw error
+  const getSearchResult = useCallback(
+    (keyword: string) => {
+      const cacheKey = `${uiLanguage}:${keyword.trim()}`
+      const cachedResult = searchUsersCache.get(cacheKey)
+      if (cachedResult && cachedResult.expiresAt > Date.now()) {
+        return cachedResult.request
+      }
+      searchUsersCache.delete(cacheKey)
+
+      const request = requestUsers(keyword.trim(), uiLanguage)
+        .then((value) => normalizeSearchUsersResponse(value, uiLanguage))
+        .catch((error: unknown) => {
+          if (searchUsersCache.get(cacheKey)?.request === request) {
+            searchUsersCache.delete(cacheKey)
+          }
+          throw error
+        })
+      searchUsersCache.set(cacheKey, {
+        expiresAt: Date.now() + SEARCH_CACHE_TTL_MS,
+        request,
       })
-    searchUsersCache.set(cacheKey, {
-      expiresAt: Date.now() + SEARCH_CACHE_TTL_MS,
-      request,
-    })
-    return request
-  }, [])
+      return request
+    },
+    [uiLanguage],
+  )
 
   const updateQuery = useCallback(
     (nextQuery: string, action: UserSelectorSearchAction) => {
@@ -149,7 +206,9 @@ export default function UserSelectorPanel(
       } catch (searchError) {
         if (requestSequence !== requestSequenceRef.current) return
         setError(
-          searchError instanceof Error ? searchError.message : '搜索成员失败',
+          searchError instanceof Error
+            ? searchError.message
+            : i18n.searchFailed,
         )
         setUsers([])
       } finally {
@@ -158,7 +217,7 @@ export default function UserSelectorPanel(
         }
       }
     },
-    [getSearchResult],
+    [getSearchResult, i18n],
   )
 
   useEffect(() => {
@@ -312,14 +371,14 @@ export default function UserSelectorPanel(
         }}
         onCompositionStart={() => setIsComposing(true)}
         onKeyDown={handleKeyDown}
-        placeholder="搜索成员"
+        placeholder={i18n.searchMembers}
         ref={inputRef}
         role="searchbox"
         value={query}
       />
 
       <div
-        aria-label="成员列表"
+        aria-label={i18n.memberList}
         aria-multiselectable={isMultiple || undefined}
         className={cn(
           'flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 py-1 [scrollbar-color:#bbbfc4_transparent] [scrollbar-width:thin] [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border [&::-webkit-scrollbar-thumb]:border-transparent [&::-webkit-scrollbar-thumb]:bg-[#bbbfc4] [&::-webkit-scrollbar-thumb]:bg-clip-padding [&::-webkit-scrollbar]:w-2',
@@ -351,7 +410,9 @@ export default function UserSelectorPanel(
               className="mr-2 size-8 shrink-0 rounded-full object-cover"
               src={RECORD_CREATOR_AVATAR_URL}
             />
-            <span className="min-w-0 flex-1 truncate">添加此记录的人员</span>
+            <span className="min-w-0 flex-1 truncate">
+              {i18n.recordCreator}
+            </span>
             <span aria-hidden="true" className="ml-[5px] size-3 shrink-0" />
           </button>
         ) : null}
@@ -427,7 +488,7 @@ export default function UserSelectorPanel(
                 />
               </svg>
             </span>
-            <span className="sr-only">加载中...</span>
+            <span className="sr-only">{i18n.loading}</span>
           </div>
         ) : null}
         {isEmpty ? (
@@ -436,8 +497,8 @@ export default function UserSelectorPanel(
               {error
                 ? error
                 : query.trim()
-                  ? '没有匹配结果，换个关键词试试吧'
-                  : '暂无推荐成员'}
+                  ? i18n.noMatches
+                  : i18n.noRecommendations}
             </div>
           </div>
         ) : null}
@@ -446,19 +507,28 @@ export default function UserSelectorPanel(
   )
 }
 
-function normalizeSearchUsersResponse(value: unknown): SearchUsersData {
+function normalizeSearchUsersResponse(
+  value: unknown,
+  language: UiLanguage,
+): SearchUsersData {
+  const i18n = USER_SELECTOR_PANEL_COPY[language]
   if (!isRecord(value) || typeof value.code !== 'number') {
-    throw new Error('搜索用户返回结构不正确')
+    throw new Error(i18n.invalidResponse)
   }
 
   if (value.code !== 0) {
-    throw new Error(
-      typeof value.msg === 'string' && value.msg ? value.msg : '搜索成员失败',
+    const message = typeof value.msg === 'string' ? value.msg.trim() : ''
+    throw Object.assign(
+      new Error(message || i18n.searchFailedCode(value.code)),
+      {
+        code: String(value.code),
+        cause: value,
+      },
     )
   }
 
   if (!isRecord(value.data) || !Array.isArray(value.data.users)) {
-    throw new Error('搜索用户返回结构不正确')
+    throw new Error(i18n.invalidResponse)
   }
 
   return {

package/templates/database-starter/page/src/components/UserSelectorPanel/user-search.test.ts

@@ -17,7 +17,11 @@ const recommendPayload = {
         department: '研究部',
         en_name: 'Ada',
         id: '6882577547121393684',
-        i18n_department: { en_us: 'Research', zh_cn: '研究部' },
+        i18n_department: {
+          en_us: 'Research',
+          zh_cn: '研究部',
+          ja_jp: '研究部門',
+        },
         is_external: false,
       },
       '6882577547121393685': {
@@ -26,7 +30,11 @@ const recommendPayload = {
         department: '外部组织',
         en_name: 'Grace',
         id: '6882577547121393685',
-        i18n_tenant: { en_us: 'External tenant', zh_cn: '外部租户' },
+        i18n_tenant: {
+          en_us: 'External tenant',
+          zh_cn: '外部租户',
+          ja_jp: '外部組織',
+        },
         is_external: true,
       },
     },
@@ -40,9 +48,7 @@ const recommendPayload = {
 
 beforeEach(() => {
   runtime.fetch.mockReset()
-  vi.stubGlobal('document', {
-    documentElement: { lang: 'zh-CN' },
-  })
+  vi.stubGlobal('navigator', { language: 'en-US' })
   projectMeta.fetchProjectMeta.mockReset()
   projectMeta.fetchProjectMeta.mockResolvedValue({
     baseBindings: [{ baseToken: 'bascnDemo', tableIds: ['tblDemo'] }],
@@ -96,20 +102,28 @@ describe('requestUsers', () => {
   it('fails before transport when the Site has no bound Base', async () => {
     projectMeta.fetchProjectMeta.mockResolvedValue({ baseBindings: [] })
 
-    await expect(requestUsers('ada')).rejects.toThrow('应用未绑定 Base')
+    await expect(requestUsers('ada')).rejects.toThrow(
+      'application is not bound to a Base',
+    )
+    await expect(requestUsers('ada', 'zh')).rejects.toThrow(
+      '无法搜索成员：应用尚未绑定多维表格',
+    )
+    await expect(requestUsers('ada', 'ja')).rejects.toThrow(
+      'メンバーを検索できません：アプリにBaseが関連付けられていません',
+    )
     expect(runtime.fetch).not.toHaveBeenCalled()
   })
 
   it('reports an HTTP failure without attempting to parse the body', async () => {
     runtime.fetch.mockResolvedValue(new Response('', { status: 503 }))
 
-    await expect(requestUsers('ada')).rejects.toThrow('HTTP 状态码：503')
+    await expect(requestUsers('ada')).rejects.toThrow('HTTP 503')
   })
 })
 
 describe('normalizeRecommendUsersResponse', () => {
   it('keeps recommendation order and maps localized names and descriptions', () => {
-    const result = normalizeRecommendUsersResponse(recommendPayload, 'en-US')
+    const result = normalizeRecommendUsersResponse(recommendPayload, 'en')
 
     expect(result.users).toEqual([
       expect.objectContaining({
@@ -146,7 +160,7 @@ describe('normalizeRecommendUsersResponse', () => {
         },
         result_list: [{ token: 'token_ada', type: 0 }],
       },
-      'en-US',
+      'en',
     )
 
     expect(result.users).toEqual([
@@ -162,14 +176,44 @@ describe('normalizeRecommendUsersResponse', () => {
     expect(
       normalizeRecommendUsersResponse(
         { code: 0, data: recommendPayload, msg: 'ok' },
-        'zh-CN',
+        'zh',
       ).users.map((user) => user.name),
     ).toEqual(['格蕾丝', '艾达'])
   })
 
+  it('uses Japanese names and descriptions when provided', () => {
+    const localizedPayload = {
+      ...recommendPayload,
+      entities: {
+        users: {
+          ...recommendPayload.entities.users,
+          '6882577547121393684': {
+            ...recommendPayload.entities.users['6882577547121393684'],
+            display_name: { ja_jp: 'エイダ' },
+          },
+        },
+      },
+    }
+    const result = normalizeRecommendUsersResponse(localizedPayload, 'ja')
+    expect(result.users.map((user) => user.name)).toEqual(['Grace', 'エイダ'])
+    expect(result.users.map((user) => user.description)).toEqual([
+      '外部組織',
+      '研究部門',
+    ])
+  })
+
   it('surfaces backend business errors', () => {
     expect(() =>
       normalizeRecommendUsersResponse({ code: 123, msg: '无权限' }),
-    ).toThrow('无权限')
+    ).toThrow(/^无权限$/)
+    expect(() =>
+      normalizeRecommendUsersResponse({ code: 123, msg: '无权限' }, 'zh'),
+    ).toThrow(/^无权限$/)
+    expect(() =>
+      normalizeRecommendUsersResponse({ code: 123, msg: '無権限' }, 'ja'),
+    ).toThrow(/^無権限$/)
+    expect(() =>
+      normalizeRecommendUsersResponse({ code: 123, msg: '  ' }, 'en'),
+    ).toThrow('Could not search members (error code 123)')
   })
 })

package/templates/database-starter/page/src/components/UserSelectorPanel/user-search.ts

@@ -1,4 +1,9 @@
 import { fetch as databaseFetch } from '../../lib/database-runtime'
+import {
+  getUiLocale,
+  getUiLanguage,
+  type UiLanguage,
+} from '../../lib/ui-language'
 import { fetchProjectMeta } from '../floating-button/utils/project-meta'
 
 const RECOMMEND_USERS_API_PATH = '/space/api/mention/recommend.v2/'
@@ -7,6 +12,41 @@ const BITABLE_MENTION_SOURCE = '4'
 const USER_MENTION_TYPE = '0'
 const SEARCH_PAGE_SIZE = 20
 
+const USER_SEARCH_COPY = {
+  en: {
+    businessError: (code: number) =>
+      `Could not search members (error code ${code})`,
+    httpError: (status: number) =>
+      `Member search request failed: HTTP ${status}`,
+    invalidResponse: 'Member search response has an invalid structure',
+    noBoundBase:
+      'Cannot search members: the application is not bound to a Base',
+  },
+  zh: {
+    businessError: (code: number) => `搜索成员失败（错误码 ${code}）`,
+    httpError: (status: number) => `搜索成员请求失败：HTTP ${status}`,
+    invalidResponse: '成员搜索响应结构无效',
+    noBoundBase: '无法搜索成员：应用尚未绑定多维表格',
+  },
+  ja: {
+    businessError: (code: number) =>
+      `メンバーを検索できませんでした（エラーコード ${code}）`,
+    httpError: (status: number) =>
+      `メンバー検索のリクエストに失敗しました：HTTP ${status}`,
+    invalidResponse: 'メンバー検索の応答形式が正しくありません',
+    noBoundBase:
+      'メンバーを検索できません：アプリにBaseが関連付けられていません',
+  },
+} satisfies Record<
+  UiLanguage,
+  {
+    businessError: (code: number) => string
+    httpError: (status: number) => string
+    invalidResponse: string
+    noBoundBase: string
+  }
+>
+
 export interface UserAvatar {
   avatar_72: string
   avatar_240: string
@@ -38,11 +78,14 @@ export type SearchUsers = (keyword: string) => Promise<SearchUsersResponse>
 
 export async function requestUsers(
   keyword: string,
+  language?: UiLanguage,
 ): Promise<SearchUsersResponse> {
+  const selectedLanguage = language ?? getUiLanguage()
+  const i18n = USER_SEARCH_COPY[selectedLanguage]
   const projectMeta = await fetchProjectMeta()
   const baseToken = projectMeta.baseBindings[0]?.baseToken
   if (!baseToken) {
-    throw new Error('应用未绑定 Base，无法搜索成员')
+    throw new Error(i18n.noBoundBase)
   }
 
   const body = new URLSearchParams({
@@ -66,30 +109,32 @@ export async function requestUsers(
   })
 
   if (!response.ok) {
-    throw new Error(`搜索用户请求失败，HTTP 状态码：${response.status}`)
+    throw new Error(i18n.httpError(response.status))
   }
 
   const payload: unknown = await response.json()
   return {
     code: 0,
     msg: 'ok',
-    data: normalizeRecommendUsersResponse(payload),
+    data: normalizeRecommendUsersResponse(payload, selectedLanguage),
   }
 }
 
 export function normalizeRecommendUsersResponse(
   value: unknown,
-  locale = getLocale(),
+  language: UiLanguage = getUiLanguage(),
 ): SearchUsersData {
-  const payload = unwrapRecommendPayload(value)
+  const locale = getUiLocale(language)
+  const i18n = USER_SEARCH_COPY[language]
+  const payload = unwrapRecommendPayload(value, i18n)
   if (!payload) {
-    throw new Error('搜索用户返回结构不正确')
+    throw new Error(i18n.invalidResponse)
   }
 
   const entities = payload.entities
   const users = isRecord(entities) ? entities.users : undefined
   if (!isRecord(users) || !Array.isArray(payload.result_list)) {
-    throw new Error('搜索用户返回结构不正确')
+    throw new Error(i18n.invalidResponse)
   }
 
   const result: User[] = []
@@ -130,11 +175,16 @@ export function normalizeRecommendUsersResponse(
 
 function unwrapRecommendPayload(
   value: unknown,
+  i18n: (typeof USER_SEARCH_COPY)[UiLanguage],
 ): Record<string, unknown> | undefined {
   if (!isRecord(value)) return undefined
 
   if (typeof value.code === 'number' && value.code !== 0) {
-    throw new Error(readString(value.msg) || '搜索成员失败')
+    const message = readString(value.msg)
+    throw Object.assign(new Error(message || i18n.businessError(value.code)), {
+      code: String(value.code),
+      cause: value,
+    })
   }
 
   if ('entities' in value && 'result_list' in value) return value
@@ -144,12 +194,12 @@ function unwrapRecommendPayload(
 function readUserName(entity: Record<string, unknown>, locale: string): string {
   return (
     readLocalizedString(entity.display_name, locale) ||
-    (locale.toLowerCase().startsWith('en')
-      ? readString(entity.en_name)
-      : readString(entity.cn_name)) ||
+    (locale.toLowerCase().startsWith('zh')
+      ? readString(entity.cn_name)
+      : readString(entity.en_name)) ||
     readString(entity.name) ||
-    readString(entity.cn_name) ||
-    readString(entity.en_name)
+    readString(entity.en_name) ||
+    readString(entity.cn_name)
   )
 }
 
@@ -168,11 +218,14 @@ function readLocalizedString(value: unknown, locale: string): string {
 
   const normalizedLocale = locale.toLowerCase().replace('-', '_')
   const language = normalizedLocale.split('_')[0] ?? ''
+  const fallback =
+    language === 'zh'
+      ? readString(value.zh_cn) || readString(value.en_us)
+      : readString(value.en_us) || readString(value.zh_cn)
   return (
     readString(value[normalizedLocale]) ||
     readString(value[language]) ||
-    readString(value.zh_cn) ||
-    readString(value.en_us)
+    fallback
   )
 }
 
@@ -186,16 +239,6 @@ function readStringArray(value: unknown): string[] {
     : []
 }
 
-function getLocale(): string {
-  if (typeof document !== 'undefined' && document.documentElement.lang) {
-    return document.documentElement.lang
-  }
-  if (typeof navigator !== 'undefined' && navigator.language) {
-    return navigator.language
-  }
-  return 'zh-CN'
-}
-
 function isRecord(value: unknown): value is Record<string, unknown> {
   return typeof value === 'object' && value !== null && !Array.isArray(value)
 }

package/templates/database-starter/page/src/components/database-runtime-ready.tsx

@@ -11,7 +11,7 @@ import { siteRuntime } from '../lib/database-runtime'
 export function DatabaseRuntimeReady(): null {
   useEffect(() => {
     void siteRuntime.ready().catch((error: unknown) => {
-      console.error('Application Runtime ready 上报失败', error)
+      console.error('Failed to report Application Runtime readiness', error)
     })
   }, [])
 

package/templates/database-starter/page/src/components/database-user-menu/index.tsx

@@ -5,8 +5,7 @@ import {
 } from '../floating-button/utils/current-user'
 import { fetchProjectMeta } from '../floating-button/utils/project-meta'
 import { logout } from '../../lib/database-runtime'
-
-export type DatabaseUserMenuLanguage = 'en' | 'zh'
+import { useUiLanguage, type UiLanguage } from '../../lib/ui-language'
 
 /** 应用面向的使用场景。
  *
@@ -17,8 +16,6 @@ export type DatabaseUserMenuLanguage = 'en' | 'zh'
 export type DatabaseAudience = 'enterprise' | 'personal'
 
 interface DatabaseUserMenuProps {
-  /** 界面语言，默认 en。 */
-  language?: DatabaseUserMenuLanguage
   /** 默认 enterprise：拿不准时宁可多显示一个头像，也不要让用户找不到退出登录。 */
   audience?: DatabaseAudience
   /** 弹层相对触发器的对齐方向，默认 right（触发器在右上角时用）。 */
@@ -35,9 +32,10 @@ interface DatabaseUserMenuI18n {
   logout: string
 }
 
-const I18N: Record<DatabaseUserMenuLanguage, DatabaseUserMenuI18n> = {
+const I18N: Record<UiLanguage, DatabaseUserMenuI18n> = {
   en: { account: 'Account', logout: 'Log out' },
   zh: { account: '账号', logout: '退出登录' },
+  ja: { account: 'アカウント', logout: 'ログアウト' },
 }
 
 /** 应用自身导航里的当前用户入口：头像 + 姓名，点开是组织名与退出登录。
@@ -51,7 +49,6 @@ const I18N: Record<DatabaseUserMenuLanguage, DatabaseUserMenuI18n> = {
  * 不占位、不显示空头像。
  */
 export function DatabaseUserMenu({
-  language = 'en',
   audience = 'enterprise',
   align = 'right',
   side = 'down',
@@ -62,7 +59,7 @@ export function DatabaseUserMenu({
   const [organization, setOrganization] = useState('')
   const [isOpen, setIsOpen] = useState(false)
   const rootRef = useRef<HTMLDivElement>(null)
-  const i18n = I18N[language]
+  const i18n = I18N[useUiLanguage()]
 
   useEffect(() => {
     if (audience !== 'enterprise') {

package/templates/database-starter/page/src/components/feedback/page-state.tsx

@@ -1,6 +1,40 @@
 import { CircleAlert, Inbox, LoaderCircle } from 'lucide-react'
+import { useUiLanguage, type UiLanguage } from '../../lib/ui-language'
 import { Button } from '../ui/button'
 
+const PAGE_STATE_COPY = {
+  en: {
+    empty: 'No data yet',
+    error: 'Could not load data',
+    loading: 'Loading',
+    retry: 'Retry',
+    retryLater: 'Please try again later',
+  },
+  zh: {
+    empty: '暂无数据',
+    error: '加载失败',
+    loading: '正在加载',
+    retry: '重试',
+    retryLater: '请稍后重试',
+  },
+  ja: {
+    empty: 'データがありません',
+    error: 'データを読み込めませんでした',
+    loading: '読み込み中',
+    retry: '再試行',
+    retryLater: 'しばらくしてからもう一度お試しください',
+  },
+} satisfies Record<
+  UiLanguage,
+  {
+    empty: string
+    error: string
+    loading: string
+    retry: string
+    retryLater: string
+  }
+>
+
 interface PageStateProps {
   status: 'loading' | 'empty' | 'error'
   title?: string
@@ -15,6 +49,7 @@ export function PageState({
   description,
   onRetry,
 }: PageStateProps) {
+  const i18n = PAGE_STATE_COPY[useUiLanguage()]
   if (status === 'loading') {
     return (
       <div
@@ -25,7 +60,7 @@ export function PageState({
           aria-hidden="true"
           className="size-6 motion-safe:animate-spin"
         />
-        <p className="text-sm font-medium">{title ?? '正在加载'}</p>
+        <p className="text-sm font-medium">{title ?? i18n.loading}</p>
       </div>
     )
   }
@@ -35,7 +70,7 @@ export function PageState({
       <div className="flex min-h-48 flex-col items-center justify-center gap-3 text-center">
         <Inbox aria-hidden="true" className="size-7 text-muted-foreground" />
         <div>
-          <p className="font-semibold">{title ?? '暂无数据'}</p>
+          <p className="font-semibold">{title ?? i18n.empty}</p>
           {description ? (
             <p className="mt-1 text-sm text-muted-foreground">{description}</p>
           ) : null}
@@ -51,14 +86,14 @@ export function PageState({
     >
       <CircleAlert aria-hidden="true" className="size-7 text-danger" />
       <div>
-        <p className="font-semibold">{title ?? '加载失败'}</p>
+        <p className="font-semibold">{title ?? i18n.error}</p>
         <p className="mt-1 text-sm text-muted-foreground">
-          {description ?? '请稍后重试'}
+          {description ?? i18n.retryLater}
         </p>
       </div>
       {onRetry ? (
         <Button variant="secondary" onClick={onRetry}>
-          重试
+          {i18n.retry}
         </Button>
       ) : null}
     </div>

package/templates/database-starter/page/src/components/floating-button/assets/edit-active.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1956 16.3595C17.6558 16.3595 18.0289 16.7326 18.0289 17.1928C18.0287 17.6529 17.6557 18.0261 17.1956 18.0261H9.48724C9.0273 18.0259 8.65411 17.6527 8.6539 17.1928C8.6539 16.7327 9.02717 16.3597 9.48724 16.3595H17.1956ZM12.5732 2.47195C13.8817 1.28992 15.902 1.32977 17.163 2.59076L17.281 2.71527C18.4249 3.98149 18.4257 5.91435 17.2818 7.18061L17.163 7.3043L9.32366 15.1445C9.12419 15.3439 8.89959 15.5169 8.65716 15.6596L8.40976 15.7923L4.13079 17.8471C2.75554 18.5075 1.31776 17.1336 1.84889 15.7565L1.90667 15.623L3.96152 11.344C4.12431 11.0051 4.34347 10.696 4.60931 10.4301L12.4495 2.59076L12.5732 2.47195ZM5.78769 11.6093C5.65491 11.7421 5.54596 11.8966 5.46461 12.0659L3.40976 16.344L7.68792 14.2892C7.85719 14.2078 8.01164 14.0989 8.14446 13.9661L13.4643 8.64545L11.1075 6.28868L5.78769 11.6093ZM15.9846 3.76915C15.3338 3.11835 14.2788 3.11851 13.6279 3.76915L12.2867 5.11029L14.6435 7.46706L15.9846 6.12592C16.6353 5.47503 16.6354 4.41994 15.9846 3.76915Z" fill="#1456F0"/>
+</svg>

package/templates/database-starter/page/src/components/floating-button/assets/edit-default.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1956 16.3595C17.6558 16.3595 18.0289 16.7326 18.0289 17.1928C18.0287 17.6529 17.6557 18.0261 17.1956 18.0261H9.48724C9.0273 18.0259 8.65411 17.6527 8.6539 17.1928C8.6539 16.7327 9.02717 16.3597 9.48724 16.3595H17.1956ZM12.5732 2.47195C13.8817 1.28992 15.902 1.32977 17.163 2.59076L17.281 2.71527C18.4249 3.98149 18.4257 5.91435 17.2818 7.18061L17.163 7.3043L9.32366 15.1445C9.12419 15.3439 8.89959 15.5169 8.65716 15.6596L8.40976 15.7923L4.13079 17.8471C2.75554 18.5075 1.31776 17.1336 1.84889 15.7565L1.90667 15.623L3.96152 11.344C4.12431 11.0051 4.34347 10.696 4.60931 10.4301L12.4495 2.59076L12.5732 2.47195ZM5.78769 11.6093C5.65491 11.7421 5.54596 11.8966 5.46461 12.0659L3.40976 16.344L7.68792 14.2892C7.85719 14.2078 8.01164 14.0989 8.14446 13.9661L13.4643 8.64545L11.1075 6.28868L5.78769 11.6093ZM15.9846 3.76915C15.3338 3.11835 14.2788 3.11851 13.6279 3.76915L12.2867 5.11029L14.6435 7.46706L15.9846 6.12592C16.6353 5.47503 16.6354 4.41994 15.9846 3.76915Z" fill="#2B2F36"/>
+</svg>