号外!hex-lowcode-engine 全面支持国际化啦~

简介: 号外!hex-lowcode-engine 全面支持国际化啦~

hex-lowcode-engine 全面支持国际化咯~

hex-lowcode-engine 目前的默认文案是英文,如果需要使用其他语言,可以参考下面的方案。

目前支持以下语言:

语言 文件名
英语 en
简体中文 zh-CN

产品不断更新中,欢迎使用和反馈!!!

配置方式

  • Props

vue

// 编译器// 渲染器

实现方案

通过 vueprovideinject 去实现国际化功能。

部分代码:

js

exportconstuseLocale = (localeOverrides?: Refundefined>) => {
  const locale = localeOverrides || inject(localeContextKey, ref())!;  returnbuildLocaleContext(computed(() => locale.value || English));};

效果展示

动画.gif


目录
相关文章
|
2月前
|
JavaScript IDE 程序员
你会了吗 HarmonyOS Next 项目级别的注释规范
你会了吗 HarmonyOS Next 项目级别的注释规范
68 1
你会了吗 HarmonyOS Next 项目级别的注释规范
|
1月前
|
Dart 安全 编译器
Flutter结合鸿蒙next 中数据类型转换的高级用法:dynamic 类型与其他类型的转换解析
在 Flutter 开发中,`dynamic` 类型提供了灵活性,但也带来了类型安全性问题。本文深入探讨 `dynamic` 类型及其与其他类型的转换,介绍如何使用 `as` 关键字、`is` 操作符和 `whereType<T>()` 方法进行类型转换,并提供最佳实践,包括避免过度使用 `dynamic`、使用 Null Safety 和异常处理,帮助开发者提高代码的可读性和可维护性。
85 1
|
2月前
|
JavaScript 前端开发 索引
JavaScript ES6及后续版本:新增的常用特性与亮点解析
JavaScript ES6及后续版本:新增的常用特性与亮点解析
56 4
|
7月前
|
存储 自然语言处理 API
Flutter应用的国际化支持:实现多语言环境的优雅策略
【4月更文挑战第26天】Flutter提供强大的国际化(i18n)和本地化(l10n)支持,使开发者能轻松实现应用多语言特性。通过定义`.arb`文件来管理字符串资源,使用`LocalizationsDelegate`加载资源,设置应用语言环境,以及在UI中使用`S.of(context).someString`访问字符串。进阶技巧包括字符串格式化、复数形式、双向文本和Unicode支持。充分测试确保所有语言正确显示。随着全球化需求增长,Flutter的国际化支持成为应用开发关键。
|
7月前
【突破常规:让函数规范成为注目的亮点】(下)
【突破常规:让函数规范成为注目的亮点】
|
7月前
【突破常规:让函数规范成为注目的亮点】(上)
【突破常规:让函数规范成为注目的亮点】
|
JavaScript 前端开发
带你读《现代TypeScript高级教程》十二、类型兼容:结构化类型(1)
带你读《现代TypeScript高级教程》十二、类型兼容:结构化类型(1)
|
JavaScript 安全
带你读《现代TypeScript高级教程》十二、类型兼容:结构化类型(2)
带你读《现代TypeScript高级教程》十二、类型兼容:结构化类型(2)
|
自然语言处理 JavaScript 前端开发
告别手动引入依赖:unplugin-auto-import 插件助你提升编码体验(内附实现原理)
告别手动引入依赖:unplugin-auto-import 插件助你提升编码体验(内附实现原理)
625 0
ts重点学习106-函数类型得兼容性
ts重点学习106-函数类型得兼容性
85 0
ts重点学习106-函数类型得兼容性