@yamato-daiwa/frontend-localization-russian
v0.0.0
Published
The Russian localization for "@yamato-daiwa/frontend" package.
Maintainers
Readme
Русификация @yamato-daiwa/frontend
Установка
Данный пакет является одноранговой зависимостью (peer dependency) по отношению к основному пакету — @yamato-daiwa/frontend, потому должен быть установлен вместе с основным:
npm i @yamato-daiwa/frontend 2.0.0-beta.10 @yamato-daiwa/frontend-localization-russian -EТакже, данный пакет может быть использован с адаптациями для JavaScript фреймворков:
| JavaScript-фреймворк | Имя пакета и ссылка | |----------------------|--------------------------------------------------------------------------------------------| | Vue | @yamato-daiwa/frontend-vue | | React | @yamato-daiwa/frontend-react |
Содержание
- Шаблоны страниц
- Компоненты графического пользовательского интерфейса
Документация
Шаблоны страниц
staticPreviewAnywherePageLocalization__russian — локализация для шаблона страницы StaticPreviewAnywherePage
- Импортируйте файл
StaticPreviewAnywherePageLocalization.russian.pugдирективойinclude. Это рекомендуется сделать в Pug-блокеRequirements. - В JavaScript-блоке при вызове
StaticPreviewAnywherePage__YDF.configure({})укажите свойствуlocalizationединственного параметра типа «объект» константуstaticPreviewAnywherePageLocalization__russian:
//- В Вашем случае, относительный путь к "node_modules" может отличаться
extends ../../node_modules/@yamato-daiwa/frontend/PagesTemplates/StaticPreviewAnywherePageTemplate.pug
block append Requirements
//- В Вашем случае, относительный путь к "node_modules" может отличаться
include ../../node_modules/@yamato-daiwa/frontend-localization-russian/StaticPreviewAnywherePageLocalization.russian.pug
block append Metadata
-
StaticPreviewAnywherePage__YDF.configure({
metadata: {
locale: "ru",
title: "Заголовок страницы",
// ...
},
localization: staticPreviewAnywherePageLocalization__russian,
// ...
});Компоненты графического пользовательского интерфейса
Локализация разметки
Импортируйте файл GUI_Components.pug директивой include:
//- В Вашем случае, относительный путь к "node_modules" может отличатьсяC
extends ../../@yamato-daiwa/frontend-localization-russian/GUI_Components.pugДалее, для того чтобы локализовать Pug-разметку конкретного компонента, необходимо в
JavaScript-блоке установить объект локализации статическому полю
localization у JavaScript-класса этого компонента до того, как будет вызвана его
Pug-примесь.
Имя объекта русской локализации подчиняется шаблону
[Имя компонента с маленькой буквы без вендорного постфикса]YDF_ComponentLocalization__russianНапример, в случае компонента AttentionBox это будет attentionBoxYDF_ComponentLocalization__russian, и таким образом,
для русификации этого компонента потребуется нижеследующая строка кода:
- AttentionBox__YDF.localization = attentionBoxYDF_ComponentLocalization__russian;| Pug-примесь компонента | Имя JavaScript-класса | Имя объекта русской локализации |
|---------------------------|-----------------------|----------------------------------------------------------|
| AttentionBox--YDF | AttentionBox__YDF | attentionBoxYDF_ComponentLocalization__russian |
