多语言

Raptor 充分考虑到了国际化业务诉求，提供了组件对多语言适配的能力，实现细节可以参考H5-Raptor组件化中台页面多语言实现

组件文案结构

发布组件时，langJson字段表明组件的多语言结构， 有多语言诉求的组件需填写该字段值，要求为对象，其内结构无约束。比如

{
  "componentName": "",
  "version": "1.0.0",
  "config": {},
  "slots": "...",
  "readme": "",
  "langJson": {
    "title": "大象塞进冰箱分几步",
    "steps": ["打开冰箱", "把大象塞进去"]
  }
}

组件文案编辑

文案编辑分单语种、多语种模式，单语种在组件编辑面板即可直接编辑，多语种则通过导出页面多语言 excel 文件进行翻译后再上传处理。 操作教程请阅读【进阶操作】章节。

组件文案引用

当组件在页面中渲染时，会收到一个名为raptorLang的文案参数，组件无需关心内容，按结构及字段引用即可。

<div class="title" v-text="raptorLang.title"></div>
<div class="sub_text"
     v-for="(subText) in raptorLang.steps"
     v-bind:key="subText">
  <div class="text" v-text="subText"></div>
</div>