/* @flow */
|
|
import VueI18n from './index'
|
import { isPlainObject, warn, error, merge } from './util'
|
|
/**
|
* Mixin
|
*
|
* If `bridge` mode, empty mixin is returned,
|
* else regulary mixin implementation is returned.
|
*/
|
export default function defineMixin (bridge: boolean = false) {
|
function mounted (): void {
|
if (this !== this.$root && this.$options.__INTLIFY_META__ && this.$el) {
|
this.$el.setAttribute('data-intlify', this.$options.__INTLIFY_META__)
|
}
|
}
|
|
return bridge
|
? { mounted } // delegate `vue-i18n-bridge` mixin implementation
|
: { // regulary
|
beforeCreate (): void {
|
const options: any = this.$options
|
options.i18n = options.i18n || ((options.__i18nBridge || options.__i18n) ? {} : null)
|
|
if (options.i18n) {
|
if (options.i18n instanceof VueI18n) {
|
// init locale messages via custom blocks
|
if ((options.__i18nBridge || options.__i18n)) {
|
try {
|
let localeMessages = options.i18n && options.i18n.messages ? options.i18n.messages : {}
|
const __i18n = options.__i18nBridge || options.__i18n
|
__i18n.forEach(resource => {
|
localeMessages = merge(localeMessages, JSON.parse(resource))
|
})
|
Object.keys(localeMessages).forEach((locale: Locale) => {
|
options.i18n.mergeLocaleMessage(locale, localeMessages[locale])
|
})
|
} catch (e) {
|
if (process.env.NODE_ENV !== 'production') {
|
error(`Cannot parse locale messages via custom blocks.`, e)
|
}
|
}
|
}
|
this._i18n = options.i18n
|
this._i18nWatcher = this._i18n.watchI18nData()
|
} else if (isPlainObject(options.i18n)) {
|
const rootI18n = this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n
|
? this.$root.$i18n
|
: null
|
// component local i18n
|
if (rootI18n) {
|
options.i18n.root = this.$root
|
options.i18n.formatter = rootI18n.formatter
|
options.i18n.fallbackLocale = rootI18n.fallbackLocale
|
options.i18n.formatFallbackMessages = rootI18n.formatFallbackMessages
|
options.i18n.silentTranslationWarn = rootI18n.silentTranslationWarn
|
options.i18n.silentFallbackWarn = rootI18n.silentFallbackWarn
|
options.i18n.pluralizationRules = rootI18n.pluralizationRules
|
options.i18n.preserveDirectiveContent = rootI18n.preserveDirectiveContent
|
}
|
|
// init locale messages via custom blocks
|
if ((options.__i18nBridge || options.__i18n)) {
|
try {
|
let localeMessages = options.i18n && options.i18n.messages ? options.i18n.messages : {}
|
const __i18n = options.__i18nBridge || options.__i18n
|
__i18n.forEach(resource => {
|
localeMessages = merge(localeMessages, JSON.parse(resource))
|
})
|
options.i18n.messages = localeMessages
|
} catch (e) {
|
if (process.env.NODE_ENV !== 'production') {
|
warn(`Cannot parse locale messages via custom blocks.`, e)
|
}
|
}
|
}
|
|
const { sharedMessages } = options.i18n
|
if (sharedMessages && isPlainObject(sharedMessages)) {
|
options.i18n.messages = merge(options.i18n.messages, sharedMessages)
|
}
|
|
this._i18n = new VueI18n(options.i18n)
|
this._i18nWatcher = this._i18n.watchI18nData()
|
|
if (options.i18n.sync === undefined || !!options.i18n.sync) {
|
this._localeWatcher = this.$i18n.watchLocale()
|
}
|
|
if (rootI18n) {
|
rootI18n.onComponentInstanceCreated(this._i18n)
|
}
|
} else {
|
if (process.env.NODE_ENV !== 'production') {
|
warn(`Cannot be interpreted 'i18n' option.`)
|
}
|
}
|
} else if (this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n) {
|
// root i18n
|
this._i18n = this.$root.$i18n
|
} else if (options.parent && options.parent.$i18n && options.parent.$i18n instanceof VueI18n) {
|
// parent i18n
|
this._i18n = options.parent.$i18n
|
}
|
},
|
|
beforeMount (): void {
|
const options: any = this.$options
|
options.i18n = options.i18n || ((options.__i18nBridge || options.__i18n) ? {} : null)
|
|
if (options.i18n) {
|
if (options.i18n instanceof VueI18n) {
|
// init locale messages via custom blocks
|
this._i18n.subscribeDataChanging(this)
|
this._subscribing = true
|
} else if (isPlainObject(options.i18n)) {
|
this._i18n.subscribeDataChanging(this)
|
this._subscribing = true
|
} else {
|
if (process.env.NODE_ENV !== 'production') {
|
warn(`Cannot be interpreted 'i18n' option.`)
|
}
|
}
|
} else if (this.$root && this.$root.$i18n && this.$root.$i18n instanceof VueI18n) {
|
this._i18n.subscribeDataChanging(this)
|
this._subscribing = true
|
} else if (options.parent && options.parent.$i18n && options.parent.$i18n instanceof VueI18n) {
|
this._i18n.subscribeDataChanging(this)
|
this._subscribing = true
|
}
|
},
|
|
mounted,
|
|
beforeDestroy (): void {
|
if (!this._i18n) { return }
|
|
const self = this
|
this.$nextTick(() => {
|
if (self._subscribing) {
|
self._i18n.unsubscribeDataChanging(self)
|
delete self._subscribing
|
}
|
|
if (self._i18nWatcher) {
|
self._i18nWatcher()
|
self._i18n.destroyVM()
|
delete self._i18nWatcher
|
}
|
|
if (self._localeWatcher) {
|
self._localeWatcher()
|
delete self._localeWatcher
|
}
|
})
|
}
|
}
|
}
|
