ant-design-vue/components/locale-provider/index.jsx

83 lines
1.9 KiB
Vue

import PropTypes from '../_util/vue-types';
import * as moment from 'moment';
import interopDefault from '../_util/interopDefault';
import { changeConfirmLocale } from '../modal/locale';
import Base from '../base';
import warning from '../_util/warning';
// export interface Locale {
// locale: string;
// Pagination?: Object;
// DatePicker?: Object;
// TimePicker?: Object;
// Calendar?: Object;
// Table?: Object;
// Modal?: ModalLocale;
// Popconfirm?: Object;
// Transfer?: Object;
// Select?: Object;
// Upload?: Object;
// }
export const ANT_MARK = 'internalMark';
function setMomentLocale(locale) {
if (locale && locale.locale) {
interopDefault(moment).locale(locale.locale);
} else {
interopDefault(moment).locale('en');
}
}
const LocaleProvider = {
name: 'ALocaleProvider',
props: {
locale: PropTypes.object.def(() => ({})),
_ANT_MARK__: PropTypes.string,
},
data() {
warning(
this._ANT_MARK__ === ANT_MARK,
'LocaleProvider',
'`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead',
);
return {
antLocale: {
...this.locale,
exist: true,
},
};
},
provide() {
return {
localeData: this.$data,
};
},
watch: {
locale(val) {
this.antLocale = {
...this.locale,
exist: true,
};
setMomentLocale(val);
changeConfirmLocale(val && val.Modal);
},
},
created() {
const { locale } = this;
setMomentLocale(locale);
changeConfirmLocale(locale && locale.Modal);
},
beforeUnmount() {
changeConfirmLocale();
},
render() {
return this.$slots.default ? this.$slots.default() : null;
},
};
/* istanbul ignore next */
LocaleProvider.install = function(Vue) {
Vue.use(Base);
Vue.component(LocaleProvider.name, LocaleProvider);
};
export default LocaleProvider;