@qlover/create-app 0.7.15 → 0.9.0

package/dist/templates/next-app/public/locales/zh.json

@@ -1,209 +1,174 @@
 {
-  "err__local__no__user__token": "本地未找到 user token",
-  "err__global__no__window": "全局未找到 window",
-  "err__within__page__provider": "必须在 PageProvider 中使用",
-  "err__response__no__token": "响应内容没有 token 值",
-  "err__not__found__component": "未找到组件",
-  "header__theme__default": "默认主题",
-  "header__theme__dark": "暗色主题",
-  "header__theme__pink": "粉色主题",
-  "auth__logout__dialog__title": "登出",
-  "auth__logout__dialog__content": "确定要登出吗？",
-  "page__404__title": "404 页面未找到",
-  "page__404__description": "404 页面描述",
-  "page__500__title": "500 页面错误",
-  "page__500__description": "500 页面描述",
-  "page__about__title": "关于我们",
-  "page__about__description": "了解更多关于我们的项目和团队信息",
-  "about__message__test": "这是一条测试消息",
-  "about__notification__title": "通知标题",
-  "about__notification__description": "这是一条测试通知",
-  "about__button__message": "显示 Message",
-  "about__button__message2": "静态消息",
-  "about__button__notification": "显示 Notification",
-  "about__button__notification2": "静态通知",
-  "about__tooltip__text": "这是一个提示文本",
-  "about__button__tooltip": "悬停显示 Tooltip",
-  "about__modal__title": "模态框示例",
-  "about__modal__content": "这是一个模态框的内容",
-  "about__button__modal": "显示 Modal",
-  "about__drawer__title": "抽屉示例",
-  "about__drawer__content": "这是一个抽屉的内容",
-  "about__button__drawer": "显示 Drawer",
-  "about__popover__content": "这是一个气泡卡片",
-  "about__popover__title": "Popover 标题",
-  "about__button__popover": "显示 Popover",
-  "about__popconfirm__title": "确认提示",
-  "about__popconfirm__description": "您确定要执行此操作吗？",
-  "about__button__popconfirm": "显示 Popconfirm",
-  "about__alert__message": "这是一个警告提示",
-  "about__ok__text": "确定",
-  "about__cancel__text": "取消",
-  "page__executor__title": "执行器示例",
-  "page__executor__description": "一个强大的任务执行器，支持多种任务类型和状态管理",
-  "page__error_identifier__title": "错误标识符",
-  "page__executor__main_title": "执行器",
-  "page__executor__test_plugin__title": "测试插件",
-  "page__executor__task__status__pending": "等待中",
-  "page__executor__task__status__running": "运行中",
-  "page__executor__task__status__completed": "已完成",
-  "page__executor__task__status__failed": "失败",
-  "page__executor__task__type__data_sync": "数据同步",
-  "page__executor__task__type__report": "报告生成",
-  "page__executor__task__type__maintenance": "系统维护",
-  "page__executor__task__type__backup": "数据备份",
-  "page__executor__task__duration__unit": "分钟",
-  "page__executor__task__start": "开始",
-  "page__executor__task__stop": "停止",
-  "page__executor__task__success": "任务 %{name} 执行成功",
-  "page__executor__task__failure": "任务 %{name} 执行失败",
-  "page__executor__plugin__test__success": "插件测试成功",
-  "page__executor__plugin__test__failure": "插件测试失败",
-  "page__executor__custom_task__url_required": "请输入URL",
-  "page__executor__custom_task__name": "自定义任务 %{method} %{url}",
-  "page__executor__create_task__title": "创建自定义任务",
-  "page__executor__create_button": "创建",
-  "page__executor__enter_url": "输入URL",
-  "page__executor__task_list__title": "任务列表",
-  "page__executor__task_stats__total": "总任务数",
-  "page__executor__task_stats__running": "运行中",
-  "page__executor__task_stats__completed": "已完成",
-  "page__executor__task_stats__failed": "失败",
-  "page__executor__task_history__title": "执行历史",
-  "page__executor__help__title": "需要帮助？",
-  "page__executor__help__description": "遇到问题？查看我们的任务执行指南或联系支持团队",
-  "page__executor__view_guide": "查看指南",
-  "page__executor__contact_support": "联系支持",
-  "page__executor__request__timeout": "请求超时时间",
-  "page__home__title": "首页",
-  "page__home__description": "一个现代前端实用库集合，提供各种实用工具和组件",
-  "home__welcome": "欢迎来到主页",
-  "home__description": "一个现代前端实用库集合，提供各种实用工具和组件",
-  "page__error__identifier__description": "错误标识符的使用和示例",
-  "home__explore": "探索",
-  "home__get_started__title": "准备开始使用？",
-  "home__get_started__description": "加入我们，探索实用工具的力量",
-  "home__get_started__button": "立即开始",
-  "page__error__identifier__main_title": "错误标识符",
-  "page__error__identifier__source_description": "来自 '@config/Identifier/error' 的标识符",
-  "page__error__identifier__help__title": "需要帮助？",
-  "page__error__identifier__help__description": "如果您在使用错误标识符时遇到问题，请联系我们的支持团队",
-  "page__error__identifier__contact_support": "联系支持",
-  "page__jsonstorage__title": "JSONStorage 页面",
-  "page__jsonstorage__description": "使用 JSONStorage 进行数据存储和管理",
-  "page__jsonstorage__main_title": "JSONStorage 演示",
-  "page__jsonstorage__permanent_title": "永久存储测试",
-  "page__jsonstorage__expire_title": "过期时间测试",
-  "page__jsonstorage__timeout_title": "请求超时时间设置",
-  "page__jsonstorage__format_title": "测试 key: ${key}, 随机值范围: ${min}~${max}",
-  "page__jsonstorage__set_random": "设置随机值",
-  "page__jsonstorage__current_value": "当前值",
-  "page__jsonstorage__set_expire": "设置随机值(带过期时间)",
-  "page__jsonstorage__ms": "毫秒",
-  "page__login__title": "登录",
-  "page__login__description": "登录页面描述",
-  "login__title": "登录",
-  "login__email": "邮箱",
-  "login__username": "用户名",
-  "login__password": "密码",
-  "login__login": "登录",
-  "login__welcome": "欢迎来到未来学习",
-  "login__subtitle": "解锁个性化 AI 驱动的学习体验，加速您的知识旅程。",
-  "login__forgot_password": "忘记密码？",
-  "login__continue_with": "或继续使用",
-  "login__with_google": "使用 Google 登录",
-  "login__no_account": "还没有账号？",
-  "login__create_account": "在此创建",
-  "login__email_required": "请输入正确的邮箱！",
-  "login__password_required": "请输入您的密码！",
-  "login__feature__ai_paths": "AI驱动的个性化学习路径",
-  "login__feature__smart_recommendations": "智能内容推荐",
-  "login__feature__progress_tracking": "实时进度追踪",
-  "login__email__title": "输入邮箱",
-  "login__password__title": "输入密码",
-  "login__forgot_password__title": "重置密码",
-  "login__button__title": "登录账号",
-  "login__with_google__title": "使用Google账号登录",
-  "login__create_account__title": "创建新账号",
-  "page__register__title": "创建账号",
-  "page__register__description": "创建账号页面描述",
-  "register__title": "创建账号",
-  "register__subtitle": "开始您的学习之旅",
-  "register__username": "用户名",
-  "register__username_required": "请输入用户名！",
-  "register__email": "邮箱",
-  "register__email_required": "请输入邮箱！",
-  "register__password": "密码",
-  "register__password_required": "请输入密码！",
-  "register__confirm_password": "确认密码",
-  "register__confirm_password_required": "请确认密码！",
-  "register__password_mismatch": "两次输入的密码不匹配！",
-  "register__button": "注册",
-  "register__terms_prefix": "注册即表示您同意我们的",
-  "register__terms_link": "服务条款",
-  "register__terms_and": "和",
-  "register__privacy_link": "隐私政策",
-  "register__have_account": "已有账号？",
-  "register__login_link": "登录",
-  "register__feature__personalized": "个性化学习体验",
-  "register__feature__support": "专家支持和指导",
-  "register__feature__community": "活跃的学习社区",
-  "register__terms_required": "请同意服务条款和隐私政策",
-  "page__request__title": "请求示例",
-  "page__request__description": "展示各种请求示例和用法",
-  "request__requestTimeout": "请求超时",
-  "request__helloResult": "Hello 结果是",
-  "request__helloError": "Hello 错误是",
-  "request__ipInfoResult": "IpInfo 结果是",
-  "request__ipInfo": "IpInfo",
-  "request__randomUser": "随机用户",
-  "request__loading": "加载中______",
-  "request__randomUserResult": "随机用户 结果是",
-  "request__randomUserError": "随机用户 错误是",
-  "request__triggerAbortRequest": "触发中止请求",
-  "request__stopAbortRequest": "停止中止请求",
-  "request__abortRequestResult": "中止请求 结果是",
-  "request__abortRequestError": "中止请求 错误是",
-  "page__request__timeout": "请求超时时间",
-  "page__request__hello__title": "AI API: Hello",
-  "page__request__hello__description": "函数式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, RequestLogger 插件",
-  "page__request__hello__button": "Hello",
-  "page__request__ip_info__title": "FeApi: IP Information",
-  "page__request__ip_info__description": "RequestScheduler 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, RequestLogger, ApiPickDataPlugin 插件, 其中 ApiPickDataPlugin 插件可以将返回类型统一扁平到 data 字段",
-  "page__request__random_user__title": "UserApi: Random User",
-  "page__request__random_user__description": "RequestTransaction 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, FetchAbortPlugin, RequestLogger, ApiCatchPlugin 插件, 其中 FetchAbortPlugin 可以中止请求, ApiCatchPlugin 可以将捕获的错误统一到 apiCatchResult 字段",
-  "page__request__api_catch__title": "UserApi: Api Catch Result",
-  "page__request__abort__title": "UserApi: Abort Request",
-  "page__request__trigger_abort": "触发中止请求",
-  "page__request__stop_abort": "停止中止请求",
-  "page__request__trigger_api_catch": "触发 API 捕获结果",
-  "page__request__stop_api_catch": "停止 API 捕获结果",
-  "page__login__content": "登录页面内容",
-  "page__login__keywords": "登录页面关键词",
-  "err__server__auth__error": "服务器认证错误",
-  "page__home__keywords": "现代前端实用库, 实用工具, 组件",
-  "api__user__not_found": "用户未找到",
-  "api__user__already_exists": "用户已存在",
-  "RESPONSE_NOT_OK": "响应不正确",
-  "v_login_params_required": "不是一个有效的登录参数",
-  "validator_email_invalid": "邮箱格式无效的验证消息",
-  "validator_password_min_length": "密码最小长度验证消息(6)",
-  "validator_password_max_length": "密码最大长度验证消息(50)",
-  "validator_password_special_chars": "密码不能包含空格的验证消息",
-  "page__register__content": "创建账号页面内容",
-  "page__register__keywords": "创建账号页面关键词",
-  "register__welcome": "欢迎来到我们的平台",
-  "register__feature__ai_paths": "AI路径",
-  "register__feature__smart_recommendations": "智能推荐",
-  "register__feature__progress_tracking": "进度跟踪",
-  "page__head__admin__title": "管理后台",
-  "api__not_authorized": "未授权",
-  "api__page__invalid": "页码不正确",
-  "page__admin__title": "管理员页面",
-  "page__admin__description": "管理员页面",
-  "page__admin__keywords": "管理员页面关键词",
-  "admin__welcome": "欢迎来到管理员页面",
-  "page__admin__users__title": "后台管理 - 管理员用户页面",
-  "page__admin__users__description": "后台管理 - 管理员用户页面",
-  "page__admin__users__keywords": "后台管理 - 管理员用户页面关键词"
+  "api:user__not_found": "用户未找到",
+  "api:user__already_exists": "用户已存在",
+  "api:RESPONSE_NOT_OK": "响应不正确",
+  "api:not_authorized": "未授权",
+  "api:page__invalid": "页码不正确",
+  "common:admin_table__create": "新建",
+  "common:admin_table__refresh": "刷新",
+  "common:admin_table__search": "搜索",
+  "common:admin_table__reset": "重置",
+  "common:admin_table__export": "导出",
+  "common:admin_table__settings": "设置",
+  "common:admin_table__action": "操作",
+  "common:admin_table__edit": "编辑",
+  "common:admin_table__delete": "删除",
+  "common:admin_table__detail": "详情",
+  "common:save": "保存",
+  "common:cancel": "取消",
+  "common:create": "创建",
+  "common:detail": "详情",
+  "common:theme__default": "默认主题",
+  "common:theme__dark": "暗色主题",
+  "common:theme__pink": "粉色主题",
+  "common:admin__title": "管理后台",
+  "common:logout__dialog__title": "登出",
+  "common:logout__dialog__content": "确定要登出吗？",
+  "common:i18n_key_invalid": "i18n 键格式不正确",
+  "common:v:login_params_required": "不是一个有效的登录参数",
+  "common:v:email_invalid": "邮箱格式无效的验证消息",
+  "common:v:password_min_length": "密码最小长度验证消息(6)",
+  "common:v:password_max_length": "密码最大长度验证消息(50)",
+  "common:v:password_special_chars": "密码不能包含空格的验证消息",
+  "admin_home:title": "管理员页面",
+  "admin_home:description": "管理员页面",
+  "admin_home:keywords": "管理员页面关键词",
+  "admin_home:welcome": "欢迎来到管理员页面",
+  "admin_locales:title": "后台管理 - 管理员语言页面",
+  "admin_locales:description": "后台管理 - 管理员语言页面",
+  "admin_locales:keywords": "后台管理 - 管理员语言页面关键词",
+  "admin_locales:id__title": "id 标题",
+  "admin_locales:id__description": "后台管理 - 管理员语言页面 id 描述",
+  "admin_locales:id__label": "后台管理 - 管理员语言页面 id 标签",
+  "admin_locales:id__placeholder": "id 占位符",
+  "admin_locales:id__error": "id 错误",
+  "admin_locales:value__title": "value 标题",
+  "admin_locales:value__label": "value 标签",
+  "admin_locales:value__placeholder": "value 占位符",
+  "admin_locales:en__title": "en 标题",
+  "admin_locales:en__label": "en 标签",
+  "admin_locales:en__placeholder": "en 占位符",
+  "admin_locales:zh__title": "zh 标题",
+  "admin_locales:zh__label": "zh 标签",
+  "admin_locales:zh__placeholder": "zh 占位符",
+  "admin_locales:description__title": "description 标题",
+  "admin_locales:description__label": "description 标签",
+  "admin_locales:description__placeholder": "description 占位符",
+  "admin_locales:namespace__title": "namespace 标题",
+  "admin_locales:namespace__label": "namespace 标签",
+  "admin_locales:namespace__placeholder": "namespace 占位符",
+  "admin_locales:created_at__title": "created at 标题",
+  "admin_locales:created_at__label": "created at 标签",
+  "admin_locales:created_at__placeholder": "created at 占位符",
+  "admin_locales:updated_at__title": "updated at 标题",
+  "admin_locales:updated_at__label": "updated at 标签",
+  "admin_locales:updated_at__placeholder": "updated at 占位符",
+  "admin_locales:import__title": "导入国际化数据",
+  "admin_locales:import__zh__title": "导入中文数据",
+  "admin_locales:import__en__title": "导入英文数据",
+  "admin_locales:create__title": "创建国际化数据",
+  "admin_locales:edit__title": "编辑国际化数据",
+  "admin_locales:detail__title": "查看国际化数据",
+  "admin_locales:delete__title": "删除国际化数据",
+  "admin_locales:delete__content": "删除国际化数据内容",
+  "admin_users:title": "后台管理 - 管理员用户页面",
+  "admin_users:description": "后台管理 - 管理员用户页面",
+  "admin_users:keywords": "后台管理 - 管理员用户页面关键词",
+  "admin_users:create__title": "创建用户",
+  "admin_users:edit__title": "编辑用户",
+  "admin_users:detail__title": "查看用户",
+  "admin_users:delete__title": "删除用户",
+  "admin_users:delete__content": "删除用户内容",
+  "admin_users:id__title": "标题",
+  "admin_users:id__description": "ID 描述",
+  "admin_users:id__label": "ID 标签",
+  "admin_users:id__placeholder": "ID 占位符",
+  "admin_users:role__title": "角色",
+  "admin_users:role__description": "角色描述",
+  "admin_users:role__label": "角色标签",
+  "admin_users:role__placeholder": "角色占位符",
+  "admin_users:email__title": "邮箱",
+  "admin_users:email__description": "邮箱描述",
+  "admin_users:email__label": "邮箱标签",
+  "admin_users:email__placeholder": "邮箱占位符",
+  "admin_users:password__title": "密码",
+  "admin_users:password__description": "用户密码",
+  "admin_users:password__label": "密码",
+  "admin_users:password__placeholder": "请输入密码",
+  "admin_users:credential_token__title": "凭证令牌",
+  "admin_users:credential_token__description": "用户凭证令牌",
+  "admin_users:credential_token__label": "凭证令牌",
+  "admin_users:credential_token__placeholder": "凭证令牌",
+  "admin_users:email_confirmed_at__title": "邮箱确认时间",
+  "admin_users:email_confirmed_at__description": "邮箱确认时间",
+  "admin_users:email_confirmed_at__label": "邮箱确认时间",
+  "admin_users:email_confirmed_at__placeholder": "邮箱确认时间",
+  "admin_users:created_at__title": "创建时间",
+  "admin_users:created_at__description": "用户创建时间",
+  "admin_users:created_at__label": "创建时间",
+  "admin_users:created_at__placeholder": "创建时间",
+  "admin_users:updated_at__title": "更新时间",
+  "admin_users:updated_at__description": "用户更新时间",
+  "admin_users:updated_at__label": "更新时间",
+  "admin_users:updated_at__placeholder": "更新时间",
+  "page_home:title": "首页",
+  "page_home:description": "一个现代前端实用库集合，提供各种实用工具和组件",
+  "page_home:keywords": "现代前端实用库, 实用工具, 组件",
+  "page_home:welcome": "欢迎来到主页",
+  "page_home:introduction": "一个现代前端实用库集合，提供各种实用工具和组件",
+  "page_home:get_started": "准备开始使用？",
+  "page_home:get_started__description": "加入我们，探索实用工具的力量",
+  "page_home:get_started__button": "立即开始",
+  "page_login:title": "登录",
+  "page_login:description": "登录页面描述",
+  "page_login:content": "登录页面内容",
+  "page_login:keywords": "登录页面关键词",
+  "page_login:email": "邮箱",
+  "page_login:username": "用户名",
+  "page_login:password": "密码",
+  "page_login:login": "登录",
+  "page_login:welcome": "欢迎来到未来学习",
+  "page_login:subtitle": "解锁个性化 AI 驱动的学习体验，加速您的知识旅程。",
+  "page_login:forgot_password": "忘记密码？",
+  "page_login:continue_with": "或继续使用",
+  "page_login:with_google": "使用 Google 登录",
+  "page_login:no_account": "还没有账号？",
+  "page_login:create_account": "在此创建",
+  "page_login:email_required": "请输入正确的邮箱！",
+  "page_login:password_required": "请输入您的密码！",
+  "page_login:feature__ai_paths": "AI驱动的个性化学习路径",
+  "page_login:feature__smart": "智能内容推荐",
+  "page_login:tracking": "实时进度追踪",
+  "page_login:email2": "输入邮箱",
+  "page_login:password2": "输入密码",
+  "page_login:forgot_password2": "重置密码",
+  "page_login:button2": "登录账号",
+  "page_login:with_google2": "使用Google账号登录",
+  "page_login:create_account2": "创建新账号",
+  "page_register:title": "创建账号",
+  "page_register:description": "创建账号页面描述",
+  "page_register:content": "创建账号页面内容",
+  "page_register:keywords": "创建账号页面关键词",
+  "page_register:welcome": "欢迎来到我们的平台",
+  "page_register:subtitle": "开始您的学习之旅",
+  "page_register:ai_paths": "AI路径",
+  "page_register:recommendations": "智能推荐",
+  "page_register:tracking": "进度跟踪",
+  "page_register:username": "用户名",
+  "page_register:username_required": "请输入用户名！",
+  "page_register:email": "邮箱",
+  "page_register:email_required": "请输入邮箱！",
+  "page_register:password": "密码",
+  "page_register:password_required": "请输入密码！",
+  "page_register:confirm_password": "确认密码",
+  "page_register:confirm_password_required": "请确认密码！",
+  "page_register:password_mismatch": "两次输入的密码不匹配！",
+  "page_register:button": "注册",
+  "page_register:terms_prefix": "注册即表示您同意我们的",
+  "page_register:terms_link": "服务条款",
+  "page_register:terms_and": "和",
+  "page_register:privacy_link": "隐私政策",
+  "page_register:have_account": "已有账号？",
+  "page_register:login_link": "登录",
+  "page_register:terms_required": "请同意服务条款和隐私政策"
 }

package/dist/templates/next-app/src/app/[locale]/admin/locales/page.tsx

@@ -0,0 +1,153 @@
+'use client';
+
+import {
+  ResourceTable,
+  ResourceTableHeader,
+  ResourceTablePopup,
+  ResourceTableSchemaForm
+} from '@brain-toolkit/antd-blocks/resourceTable';
+import { useFactory, useLifecycle } from '@brain-toolkit/react-kit';
+import { Form, Input } from 'antd';
+import { useCallback, useMemo } from 'react';
+import { ZodColumnBuilder } from '@/base/cases/ZodColumnBuilder';
+import type { AdminLocalesApi } from '@/base/services/adminApi/AdminLocalesApi';
+import { AdminLocalesService } from '@/base/services/AdminLocalesService';
+import { AdminPageEvent } from '@/base/services/AdminPageEvent';
+import { ClientSeo } from '@/uikit/components/ClientSeo';
+import { EditableCell } from '@/uikit/components/EditableCell';
+import { LocalesImportButton } from '@/uikit/components/localesImportButton/LocalesImportButton';
+import { LocalesImportEvent } from '@/uikit/components/localesImportButton/LocalesImportEvent';
+import { useI18nInterface } from '@/uikit/hook/useI18nInterface';
+import { useIOC } from '@/uikit/hook/useIOC';
+import { useWarnTranslations } from '@/uikit/hook/useWarnTranslations';
+import {
+  localesSchema,
+  type LocalesSchema
+} from '@migrations/schema/LocalesSchema';
+import { adminLocales18n, adminTableI18n, i18nConfig } from '@config/i18n';
+import { I } from '@config/IOCIdentifier';
+
+const localesTT = {
+  ...adminLocales18n,
+  ...adminTableI18n
+};
+
+export default function LocalesPage() {
+  const tt = useI18nInterface(localesTT);
+  const t = useWarnTranslations();
+  const [schemaFormRef] = Form.useForm();
+
+  const pageService = useIOC(AdminLocalesService);
+  const uiDialog = useIOC(I.DialogHandler);
+  const ns = pageService.serviceName;
+
+  const zodColumnBuilder = useFactory(ZodColumnBuilder, ns, localesSchema);
+  const pageEvent = useFactory(
+    AdminPageEvent,
+    ns,
+    pageService,
+    schemaFormRef,
+    uiDialog
+  );
+  const localesImportEvent = useFactory(
+    LocalesImportEvent,
+    pageService.resourceApi as AdminLocalesApi
+  );
+
+  const importTT = {
+    zh: {
+      title: tt.importZhTitle
+    },
+    en: {
+      title: tt.importEnTitle
+    }
+  };
+
+  useLifecycle(pageEvent);
+
+  const renderCell = useCallback(
+    (key: string) => {
+      const renderEditableCell = (
+        value: unknown,
+        record: LocalesSchema,
+        _index: number
+      ) => {
+        return (
+          <EditableCell
+            data-testid={`editable-cell-${key}`}
+            value={value as string}
+            onSave={(value) =>
+              pageService.update({
+                id: record.id,
+                [key]: value
+              })
+            }
+          />
+        );
+      };
+
+      renderEditableCell.displayName = `EditableCellWrapper-${key}`;
+
+      return renderEditableCell;
+    },
+    [pageService]
+  );
+
+  const options = useMemo(() => {
+    i18nConfig.supportedLngs.forEach((locale) => {
+      zodColumnBuilder.render(locale, renderCell(locale));
+    });
+
+    return zodColumnBuilder.translate(t).buildAll();
+  }, [t, zodColumnBuilder, renderCell]);
+
+  return (
+    <div data-testid="LocalesPage">
+      <ClientSeo i18nInterface={tt} />
+
+      <ResourceTableHeader
+        settings={tt}
+        tableEvent={pageEvent}
+        actionLeft={
+          <>
+            <LocalesImportButton
+              event={localesImportEvent}
+              title={tt.importTitle}
+              tt={importTT}
+            />
+          </>
+        }
+      />
+
+      <ResourceTable
+        columns={options}
+        tableEvent={pageEvent}
+        actionProps={{
+          title: tt.action,
+          editText: tt.editText,
+          deleteText: tt.deleteText,
+          detailText: tt.detailText
+        }}
+      />
+
+      <ResourceTablePopup
+        tableEvent={pageEvent}
+        tt={{
+          create: tt.createTitle,
+          edit: tt.editTitle,
+          detail: tt.detailTitle
+        }}
+      >
+        <ResourceTableSchemaForm
+          formComponents={{
+            input: Input
+          }}
+          formRef={schemaFormRef}
+          options={options}
+          tt={tt}
+          tableEvent={pageEvent}
+        />
+      </ResourceTablePopup>
+    </div>
+  );
+}