@aligov/i18n-text

多语言文案输入

Usage no npm install needed!

<script type="module">
  import aligovI18nText from 'https://cdn.skypack.dev/@aligov/i18n-text';
</script>

README

多语言文案输入

@aligov/i18n-text

多语言文案输入,适用于需要输入文案需要输入多个语言版本的场景

API

参数名 说明 必填 类型 默认值 备注
locales 支持的语言列表 Y Array
value 受控模式来传递的内容 N Object 对象的 key 是语言 tag,value 是文案内容
onChange 值变更后的回调 N (value: object) => void
trimOnBlur 在 blur 后进行 trim N boolean true
onBlur blur 的回调 N (evt: object) => void
multiline 是否是多行输入 N boolean false 单行输入使用 Input,多行使用 Input.TextArea
compProps 传给内部组件 props N Object {} 传给 InputTextArea 组件的 props

其中 ILocale 的结构如下:

interface ILocale {
    // 语言 tag,如 zh_CN、en_US 等
    tag: string;
    // 语言名称,如简体中文或 English 等
    text: string;
}