@wangxinowo/vue-datepicker-next 1.0.0

package/src/components/locale-provider/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest';
+
+demoTest('locale-provider');

package/src/components/locale-provider/__tests__/index.test.js

@@ -0,0 +1,271 @@
+import { mount } from '@vue/test-utils';
+import Vue from 'vue';
+import moment from 'moment';
+import MockDate from 'mockdate';
+import { sleep } from '../../../tests/utils';
+import {
+  LocaleProvider,
+  Pagination,
+  DatePicker,
+  TimePicker,
+  Calendar,
+  Popconfirm,
+  Table,
+  Modal,
+  Select,
+  Transfer,
+} from '../..';
+import arEG from '../ar_EG';
+import bgBG from '../bg_BG';
+import caES from '../ca_ES';
+import csCZ from '../cs_CZ';
+import daDK from '../da_DK';
+import deDE from '../de_DE';
+import elGR from '../el_GR';
+import enGB from '../en_GB';
+import enUS from '../en_US';
+import esES from '../es_ES';
+import etEE from '../et_EE';
+import faIR from '../fa_IR';
+import fiFI from '../fi_FI';
+import frBE from '../fr_BE';
+import frFR from '../fr_FR';
+import heIL from '../he_IL';
+import hiIN from '../hi_IN';
+import hrHR from '../hr_HR';
+import huHU from '../hu_HU';
+import hyAM from '../hy_AM';
+import isIS from '../is_IS';
+import itIT from '../it_IT';
+import jaJP from '../ja_JP';
+import knIN from '../kn_IN';
+import koKR from '../ko_KR';
+import kuIQ from '../ku_IQ';
+import mkMK from '../mk_MK';
+import mnMN from '../mn_MN';
+import msMY from '../ms_MY';
+import nbNO from '../nb_NO';
+import neNP from '../ne-NP';
+import nlBE from '../nl_BE';
+import nlNL from '../nl_NL';
+import plPL from '../pl_PL';
+import ptBR from '../pt_BR';
+import ptPT from '../pt_PT';
+import roRO from '../ro_RO';
+import ruRU from '../ru_RU';
+import skSK from '../sk_SK';
+import slSI from '../sl_SI';
+import srRS from '../sr_RS';
+import svSE from '../sv_SE';
+import taIN from '../ta_IN';
+import thTH from '../th_TH';
+import trTR from '../tr_TR';
+import ukUA from '../uk_UA';
+import viVN from '../vi_VN';
+import idID from '../id_ID';
+import lvLV from '../lv_LV';
+import zhCN from '../zh_CN';
+import zhTW from '../zh_TW';
+
+const locales = [
+  arEG,
+  bgBG,
+  caES,
+  csCZ,
+  daDK,
+  deDE,
+  elGR,
+  enGB,
+  enUS,
+  esES,
+  etEE,
+  faIR,
+  fiFI,
+  frBE,
+  frFR,
+  heIL,
+  hiIN,
+  hrHR,
+  huHU,
+  hyAM,
+  isIS,
+  itIT,
+  jaJP,
+  knIN,
+  koKR,
+  kuIQ,
+  mkMK,
+  msMY,
+  mnMN,
+  nbNO,
+  neNP,
+  nlBE,
+  nlNL,
+  plPL,
+  ptBR,
+  ptPT,
+  roRO,
+  ruRU,
+  skSK,
+  slSI,
+  srRS,
+  svSE,
+  taIN,
+  thTH,
+  trTR,
+  ukUA,
+  viVN,
+  idID,
+  lvLV,
+  zhCN,
+  zhTW,
+];
+
+const { Option } = Select;
+const { RangePicker } = DatePicker;
+
+const columns = [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    filters: [
+      {
+        text: 'filter1',
+        value: 'filter1',
+      },
+    ],
+  },
+  {
+    title: 'Age',
+    dataIndex: 'age',
+  },
+];
+
+const App = {
+  render() {
+    return (
+      <div>
+        <Pagination defaultCurrent={1} total={50} showSizeChanger />
+        <Select showSearch style={{ width: '200px' }}>
+          <Option value="jack">jack</Option>
+          <Option value="lucy">lucy</Option>
+        </Select>
+        <DatePicker open />
+        <TimePicker open defaultOpenValue={moment()} />
+        <RangePicker open style={{ width: '200px' }} />
+        <Popconfirm title="Question?" visible>
+          <a>Click to confirm</a>
+        </Popconfirm>
+        <Transfer dataSource={[]} showSearch targetKeys={[]} render={item => item.title} />
+        <Calendar fullscreen={false} value={moment()} />
+        <Table dataSource={[]} columns={columns} />
+        <Modal title="Locale Modal" visible>
+          <p>Locale Modal</p>
+        </Modal>
+      </div>
+    );
+  },
+};
+
+describe('Locale Provider', () => {
+  beforeAll(() => {
+    document.body.innerHTML = '';
+    MockDate.set(moment('2017-09-18T03:30:07.795'));
+  });
+
+  afterAll(() => {
+    MockDate.reset();
+  });
+
+  locales.forEach(locale => {
+    it(`should display the text as ${locale.locale}`, done => {
+      const wrapper = mount(
+        {
+          render() {
+            return (
+              <LocaleProvider locale={locale}>
+                <App />
+              </LocaleProvider>
+            );
+          },
+        },
+        { sync: false, attachToDocument: true },
+      );
+      Vue.nextTick(() => {
+        expect(wrapper.html()).toMatchSnapshot();
+        done();
+      });
+    });
+  });
+
+  fit('should change locale of Modal.xxx', async () => {
+    const ModalDemo = {
+      mounted() {
+        Modal.confirm({
+          title: 'Hello World!',
+        });
+      },
+      render() {
+        return null;
+      },
+    };
+    for (let locale of locales) {
+      document.body.innerHTML = '';
+      mount(
+        {
+          render() {
+            return (
+              <LocaleProvider locale={locale}>
+                <ModalDemo />
+              </LocaleProvider>
+            );
+          },
+        },
+        { sync: false, attachToDocument: true },
+      );
+      await sleep();
+      const currentConfirmNode = document.querySelectorAll('.ant-modal-confirm')[
+        document.querySelectorAll('.ant-modal-confirm').length - 1
+      ];
+      let cancelButtonText = currentConfirmNode.querySelectorAll(
+        '.ant-btn:not(.ant-btn-primary) span',
+      )[0].innerHTML;
+      let okButtonText = currentConfirmNode.querySelectorAll('.ant-btn-primary span')[0].innerHTML;
+      if (locale.locale === 'zh-cn' || locale.locale === 'zh-tw') {
+        cancelButtonText = cancelButtonText.replace(' ', '');
+        okButtonText = okButtonText.replace(' ', '');
+      }
+      expect(cancelButtonText).toBe(locale.Modal.cancelText);
+      expect(okButtonText).toBe(locale.Modal.okText);
+    }
+  });
+
+  it('set moment locale when locale changes', async () => {
+    document.body.innerHTML = '';
+    const Test = {
+      data() {
+        return {
+          locale: zhCN,
+        };
+      },
+      render() {
+        return (
+          <LocaleProvider locale={this.locale}>
+            <div>
+              <DatePicker defaultValue={moment()} open />
+            </div>
+          </LocaleProvider>
+        );
+      },
+    };
+    const wrapper = mount(Test, { sync: false, attachToDocument: true });
+    await sleep(50);
+    expect(document.body.innerHTML).toMatchSnapshot();
+    wrapper.setData({ locale: frFR });
+    await sleep(50);
+    expect(document.body.innerHTML).toMatchSnapshot();
+    wrapper.setData({ locale: null });
+    await sleep(50);
+    expect(document.body.innerHTML).toMatchSnapshot();
+  });
+});

package/src/components/locale-provider/ar_EG.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ar_EG';
+
+export default locale;

package/src/components/locale-provider/bg_BG.js

@@ -0,0 +1,3 @@
+import locale from '../locale/bg_BG';
+
+export default locale;

package/src/components/locale-provider/ca_ES.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ca_ES';
+
+export default locale;

package/src/components/locale-provider/cs_CZ.js

@@ -0,0 +1,3 @@
+import locale from '../locale/cs_CZ';
+
+export default locale;

package/src/components/locale-provider/da_DK.js

@@ -0,0 +1,3 @@
+import locale from '../locale/da_DK';
+
+export default locale;

package/src/components/locale-provider/de_DE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/de_DE';
+
+export default locale;

package/src/components/locale-provider/default.js

@@ -0,0 +1,3 @@
+import locale from '../locale/default';
+
+export default locale;

package/src/components/locale-provider/el_GR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/el_GR';
+
+export default locale;

package/src/components/locale-provider/en_GB.js

@@ -0,0 +1,3 @@
+import locale from '../locale/en_GB';
+
+export default locale;

package/src/components/locale-provider/en_US.js

@@ -0,0 +1,3 @@
+import locale from '../locale/en_US';
+
+export default locale;

package/src/components/locale-provider/es_ES.js

@@ -0,0 +1,3 @@
+import locale from '../locale/es_ES';
+
+export default locale;

package/src/components/locale-provider/et_EE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/et_EE';
+
+export default locale;

package/src/components/locale-provider/fa_IR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/fa_IR';
+
+export default locale;

package/src/components/locale-provider/fi_FI.js

@@ -0,0 +1,3 @@
+import locale from '../locale/fi_FI';
+
+export default locale;

package/src/components/locale-provider/fr_BE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/fr_BE';
+
+export default locale;

package/src/components/locale-provider/fr_FR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/fr_FR';
+
+export default locale;

package/src/components/locale-provider/ga_IE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ga_IE';
+
+export default locale;

package/src/components/locale-provider/he_IL.js

@@ -0,0 +1,3 @@
+import locale from '../locale/he_IL';
+
+export default locale;

package/src/components/locale-provider/hi_IN.js

@@ -0,0 +1,3 @@
+import locale from '../locale/hi_IN';
+
+export default locale;

package/src/components/locale-provider/hr_HR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/hr_HR';
+
+export default locale;

package/src/components/locale-provider/hu_HU.js

@@ -0,0 +1,3 @@
+import locale from '../locale/hu_HU';
+
+export default locale;

package/src/components/locale-provider/hy_AM.js

@@ -0,0 +1,3 @@
+import locale from '../locale/hy_AM';
+
+export default locale;

package/src/components/locale-provider/id_ID.js

@@ -0,0 +1,3 @@
+import locale from '../locale/id_ID';
+
+export default locale;

package/src/components/locale-provider/index.jsx

@@ -0,0 +1,82 @@
+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);
+  },
+  beforeDestroy() {
+    changeConfirmLocale();
+  },
+  render() {
+    return this.$slots.default ? this.$slots.default[0] : null;
+  },
+};
+
+/* istanbul ignore next */
+LocaleProvider.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(LocaleProvider.name, LocaleProvider);
+};
+
+export default LocaleProvider;

package/src/components/locale-provider/is_IS.js

@@ -0,0 +1,3 @@
+import locale from '../locale/is_IS';
+
+export default locale;

package/src/components/locale-provider/it_IT.js

@@ -0,0 +1,3 @@
+import locale from '../locale/it_IT';
+
+export default locale;

package/src/components/locale-provider/ja_JP.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ja_JP';
+
+export default locale;

package/src/components/locale-provider/kn_IN.js

@@ -0,0 +1,3 @@
+import locale from '../locale/kn_IN';
+
+export default locale;

package/src/components/locale-provider/ko_KR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ko_KR';
+
+export default locale;

package/src/components/locale-provider/ku_IQ.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ku_IQ';
+
+export default locale;

package/src/components/locale-provider/lv_LV.js

@@ -0,0 +1,3 @@
+import locale from '../locale/lv_LV';
+
+export default locale;

package/src/components/locale-provider/mk_MK.js

@@ -0,0 +1,3 @@
+import locale from '../locale/mk_MK';
+
+export default locale;

package/src/components/locale-provider/mn_MN.js

@@ -0,0 +1,3 @@
+import locale from '../locale/mn_MN';
+
+export default locale;

package/src/components/locale-provider/ms_MY.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ms_MY';
+
+export default locale;

package/src/components/locale-provider/nb_NO.js

@@ -0,0 +1,3 @@
+import locale from '../locale/nb_NO';
+
+export default locale;

package/src/components/locale-provider/ne-NP.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ne_NP';
+
+export default locale;

package/src/components/locale-provider/ne_NP.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ne_NP';
+
+export default locale;

package/src/components/locale-provider/nl_BE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/nl_BE';
+
+export default locale;

package/src/components/locale-provider/nl_NL.js

@@ -0,0 +1,3 @@
+import locale from '../locale/nl_NL';
+
+export default locale;

package/src/components/locale-provider/pl_PL.js

@@ -0,0 +1,3 @@
+import locale from '../locale/pl_PL';
+
+export default locale;

package/src/components/locale-provider/pt_BR.js

@@ -0,0 +1,3 @@
+import locale from '../locale/pt_BR';
+
+export default locale;

package/src/components/locale-provider/pt_PT.js

@@ -0,0 +1,3 @@
+import locale from '../locale/pt_PT';
+
+export default locale;

package/src/components/locale-provider/ro_RO.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ro_RO';
+
+export default locale;

package/src/components/locale-provider/ru_RU.js

@@ -0,0 +1,3 @@
+import locale from '../locale/ru_RU';
+
+export default locale;

package/src/components/locale-provider/sk_SK.js

@@ -0,0 +1,3 @@
+import locale from '../locale/sk_SK';
+
+export default locale;

package/src/components/locale-provider/sl_SI.js

@@ -0,0 +1,3 @@
+import locale from '../locale/sl_SI';
+
+export default locale;

package/src/components/locale-provider/sr_RS.js

@@ -0,0 +1,3 @@
+import locale from '../locale/sr_RS';
+
+export default locale;

package/src/components/locale-provider/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/src/components/locale-provider/style/index.less

@@ -0,0 +1,2 @@
+// placeholder
+@import '../../style/themes/index';

package/src/components/locale-provider/sv_SE.js

@@ -0,0 +1,3 @@
+import locale from '../locale/sv_SE';
+
+export default locale;

package/src/components/locale-provider/ta_IN.js

@@ -0,0 +1,62 @@
+import Pagination from '../vc-pagination/locale/ta_IN';
+import DatePicker from '../date-picker/locale/ta_IN';
+import TimePicker from '../time-picker/locale/ta_IN';
+import Calendar from '../calendar/locale/ta_IN';
+
+export default {
+  locale: 'ta',
+  Pagination,
+  DatePicker,
+  TimePicker,
+  Calendar,
+  // locales for all comoponents
+  global: {
+    placeholder: 'தேதியைத் தேர்ந்தெடுக்கவும்',
+  },
+  Table: {
+    filterTitle: 'பட்டியலை மூடு',
+    filterConfirm: 'சரி',
+    filterReset: 'மீட்டமை',
+    emptyText: 'தகவல் இல்லை',
+    selectAll: 'அனைத்தையும் தேர்வுசெய்',
+    selectInvert: 'தலைகீழாக மாற்று',
+    sortTitle: 'தலைப்பை வரிசைப்படுத்தவும்',
+  },
+  Modal: {
+    okText: 'சரி',
+    cancelText: 'ரத்து செய்யவும்',
+    justOkText: 'பரவாயில்லை, சரி',
+  },
+  Popconfirm: {
+    okText: 'சரி',
+    cancelText: 'ரத்து செய்யவும்',
+  },
+  Transfer: {
+    titles: ['', ''],
+    notFoundContent: 'உள்ளடக்கம் கிடைக்கவில்லை',
+    searchPlaceholder: 'இங்கு தேடவும்',
+    itemUnit: 'தகவல்',
+    itemsUnit: 'தகவல்கள்',
+  },
+  Upload: {
+    uploading: 'பதிவேற்றுகிறது...',
+    removeFile: 'கோப்பை அகற்று',
+    uploadError: 'பதிவேற்றுவதில் பிழை',
+    previewFile: 'கோப்பை முன்னோட்டமிடுங்கள்',
+  },
+  Empty: {
+    description: 'தகவல் இல்லை',
+  },
+  Icon: {
+    icon: 'உருவம்',
+  },
+  Text: {
+    edit: 'திருத்து',
+    copy: 'நகல் எடு',
+    copied: 'நகல் எடுக்கப்பட்டது',
+    expand: 'விரிவாக்கவும்',
+  },
+  PageHeader: {
+    back: 'பின் செல்லவும்',
+  },
+};