{"version":3,"sources":["webpack:///./src/views/I18n/index.vue?4845","webpack:///./src/views/I18n/index.vue","webpack:///./src/views/I18n/local.js","webpack:///src/views/I18n/index.vue","webpack:///./src/views/I18n/index.vue?681f","webpack:///./src/views/I18n/index.vue?66b6"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","slot","_v","_s","$t","model","value","lang","callback","$$v","expression","date","_l","options","item","key","label","tableData","staticRenderFns","zh","i18nView","title","note","datePlaceholder","selectPlaceholder","tableDate","tableName","tableAddress","default","primary","success","info","warning","danger","one","two","three","en","es","viewName","name","data","address","computed","get","$store","state","language","set","$i18n","locale","dispatch","watch","setOptions","created","getLocaleMessage","mergeLocaleMessage","local","methods","component"],"mappings":"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","file":"js/chunk-5b1d92e1.571c7e44.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=f15dd922&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('el-card',{staticClass:\"box-card\",staticStyle:{\"margin-top\":\"40px\"}},[_c('div',{staticClass:\"clearfix\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('span',{staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(_vm._s(_vm.$t('i18nView.title')))])]),_c('div',[_c('el-radio-group',{attrs:{\"size\":\"small\"},model:{value:(_vm.lang),callback:function ($$v) {_vm.lang=$$v},expression:\"lang\"}},[_c('el-radio',{attrs:{\"label\":\"zh\",\"border\":\"\"}},[_vm._v(\"简体中文\")]),_c('el-radio',{attrs:{\"label\":\"en\",\"border\":\"\"}},[_vm._v(\"English\")]),_c('el-radio',{attrs:{\"label\":\"es\",\"border\":\"\"}},[_vm._v(\"Español\")])],1),_c('el-tag',{staticStyle:{\"margin-top\":\"15px\",\"display\":\"block\"},attrs:{\"type\":\"info\"}},[_vm._v(_vm._s(_vm.$t('i18nView.note')))])],1)]),_c('el-row',{staticStyle:{\"margin\":\"100px 15px 50px\"},attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12,\"xs\":24}},[_c('div',{staticClass:\"block\"},[_c('el-date-picker',{attrs:{\"placeholder\":_vm.$t('i18nView.datePlaceholder'),\"type\":\"date\"},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1),_c('div',{staticClass:\"block\"},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('i18nView.selectPlaceholder')},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"block\"},[_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\"}},[_vm._v(_vm._s(_vm.$t('i18nView.default')))]),_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\",\"type\":\"primary\"}},[_vm._v(_vm._s(_vm.$t('i18nView.primary')))]),_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\",\"type\":\"success\"}},[_vm._v(_vm._s(_vm.$t('i18nView.success')))]),_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\",\"type\":\"info\"}},[_vm._v(_vm._s(_vm.$t('i18nView.info')))]),_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\",\"type\":\"warning\"}},[_vm._v(_vm._s(_vm.$t('i18nView.warning')))]),_c('el-button',{staticClass:\"item-btn\",attrs:{\"size\":\"small\",\"type\":\"danger\"}},[_vm._v(_vm._s(_vm.$t('i18nView.danger')))])],1)]),_c('el-col',{attrs:{\"span\":12,\"xs\":24}},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"fit\":\"\",\"highlight-current-row\":\"\",\"border\":\"\"}},[_c('el-table-column',{attrs:{\"label\":_vm.$t('i18nView.tableName'),\"prop\":\"name\",\"width\":\"100\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"label\":_vm.$t('i18nView.tableDate'),\"prop\":\"date\",\"width\":\"120\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"label\":_vm.$t('i18nView.tableAddress'),\"prop\":\"address\"}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\nexport default {\r\n  zh: {\r\n    i18nView: {\r\n      title: '切换语言',\r\n      note: '本项目国际化基于 vue-i18n',\r\n      datePlaceholder: '请选择日期',\r\n      selectPlaceholder: '请选择',\r\n      tableDate: '日期',\r\n      tableName: '姓名',\r\n      tableAddress: '地址',\r\n      default: '默认按钮',\r\n      primary: '主要按钮',\r\n      success: '成功按钮',\r\n      info: '信息按钮',\r\n      warning: '警告按钮',\r\n      danger: '危险按钮',\r\n      one: '一',\r\n      two: '二',\r\n      three: '三'\r\n    }\r\n  },\r\n  en: {\r\n    i18nView: {\r\n      title: 'Switch Language',\r\n      note: 'The internationalization of this project is based on vue-i18n',\r\n      datePlaceholder: 'Pick a day',\r\n      selectPlaceholder: 'Select',\r\n      tableDate: 'tableDate',\r\n      tableName: 'tableName',\r\n      tableAddress: 'tableAddress',\r\n      default: 'default:',\r\n      primary: 'primary',\r\n      success: 'success',\r\n      info: 'info',\r\n      warning: 'warning',\r\n      danger: 'danger',\r\n      one: 'One',\r\n      two: 'Two',\r\n      three: 'Three'\r\n    }\r\n  },\r\n  es: {\r\n    i18nView: {\r\n      title: 'Switch Language',\r\n      note: 'The internationalization of this project is based on vue-i18n',\r\n      datePlaceholder: 'Pick a day',\r\n      selectPlaceholder: 'Select',\r\n      tableDate: 'tableDate',\r\n      tableName: 'tableName',\r\n      tableAddress: 'tableAddress',\r\n      default: 'default:',\r\n      primary: 'primary',\r\n      success: 'success',\r\n      info: 'info',\r\n      warning: 'warning',\r\n      danger: 'danger',\r\n      one: 'One',\r\n      two: 'Two',\r\n      three: 'Three'\r\n    }\r\n  }\r\n}\r\n","<template>\r\n  <div>\r\n    <el-card class=\"box-card\" style=\"margin-top:40px;\">\r\n      <div slot=\"header\" class=\"clearfix\">\r\n        <span style=\"margin-left:10px;\">{{ $t('i18nView.title') }}</span>\r\n      </div>\r\n      <div>\r\n        <el-radio-group v-model=\"lang\" size=\"small\">\r\n          <el-radio label=\"zh\" border>简体中文</el-radio>\r\n          <el-radio label=\"en\" border>English</el-radio>\r\n          <el-radio label=\"es\" border>Español</el-radio>\r\n        </el-radio-group>\r\n        <el-tag style=\"margin-top:15px;display:block;\" type=\"info\">{{ $t('i18nView.note') }}</el-tag>\r\n      </div>\r\n    </el-card>\r\n\r\n    <el-row :gutter=\"20\" style=\"margin:100px 15px 50px;\">\r\n      <el-col :span=\"12\" :xs=\"24\">\r\n        <div class=\"block\">\r\n          <el-date-picker v-model=\"date\" :placeholder=\"$t('i18nView.datePlaceholder')\" type=\"date\" />\r\n        </div>\r\n        <div class=\"block\">\r\n          <el-select v-model=\"value\" :placeholder=\"$t('i18nView.selectPlaceholder')\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\"\r\n            />\r\n          </el-select>\r\n        </div>\r\n        <div class=\"block\">\r\n          <el-button class=\"item-btn\" size=\"small\">{{ $t('i18nView.default') }}</el-button>\r\n          <el-button class=\"item-btn\" size=\"small\" type=\"primary\">{{ $t('i18nView.primary') }}</el-button>\r\n          <el-button class=\"item-btn\" size=\"small\" type=\"success\">{{ $t('i18nView.success') }}</el-button>\r\n          <el-button class=\"item-btn\" size=\"small\" type=\"info\">{{ $t('i18nView.info') }}</el-button>\r\n          <el-button class=\"item-btn\" size=\"small\" type=\"warning\">{{ $t('i18nView.warning') }}</el-button>\r\n          <el-button class=\"item-btn\" size=\"small\" type=\"danger\">{{ $t('i18nView.danger') }}</el-button>\r\n        </div>\r\n      </el-col>\r\n      <el-col :span=\"12\" :xs=\"24\">\r\n        <el-table :data=\"tableData\" fit highlight-current-row border style=\"width: 100%\">\r\n          <el-table-column :label=\"$t('i18nView.tableName')\" prop=\"name\" width=\"100\" align=\"center\" />\r\n          <el-table-column :label=\"$t('i18nView.tableDate')\" prop=\"date\" width=\"120\" align=\"center\" />\r\n          <el-table-column :label=\"$t('i18nView.tableAddress')\" prop=\"address\" />\r\n        </el-table>\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport local from './local'\r\nconst viewName = 'i18nView'\r\n\r\nexport default {\r\n  name: 'I18n',\r\n  data() {\r\n    return {\r\n      date: '',\r\n      tableData: [{\r\n        date: '2016-05-03',\r\n        name: 'Tom',\r\n        address: 'No. 189, Grove St, Los Angeles'\r\n      },\r\n      {\r\n        date: '2016-05-02',\r\n        name: 'Tom',\r\n        address: 'No. 189, Grove St, Los Angeles'\r\n      },\r\n      {\r\n        date: '2016-05-04',\r\n        name: 'Tom',\r\n        address: 'No. 189, Grove St, Los Angeles'\r\n      },\r\n      {\r\n        date: '2016-05-01',\r\n        name: 'Tom',\r\n        address: 'No. 189, Grove St, Los Angeles'\r\n      }],\r\n      options: [],\r\n      value: ''\r\n    }\r\n  },\r\n  computed: {\r\n    lang: {\r\n      get() {\r\n        return this.$store.state.language\r\n      },\r\n      set(lang) {\r\n        this.$i18n.locale = lang\r\n        this.$store.dispatch('setLanguage', lang)\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    lang() {\r\n      this.setOptions()\r\n    }\r\n  },\r\n  created() {\r\n    if (!this.$i18n.getLocaleMessage('en')[viewName]) {\r\n      this.$i18n.mergeLocaleMessage('en', local.en)\r\n      this.$i18n.mergeLocaleMessage('zh', local.zh)\r\n      this.$i18n.mergeLocaleMessage('es', local.es)\r\n    }\r\n    this.setOptions() // set default select options\r\n  },\r\n  methods: {\r\n    setOptions() {\r\n      this.options = [\r\n        {\r\n          value: '1',\r\n          label: this.$t('i18nView.one')\r\n        },\r\n        {\r\n          value: '2',\r\n          label: this.$t('i18nView.two')\r\n        },\r\n        {\r\n          value: '3',\r\n          label: this.$t('i18nView.three')\r\n        }\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.box-card {\r\n  width: 600px;\r\n  max-width: 100%;\r\n  margin: 20px auto;\r\n}\r\n.item-btn{\r\n  margin-bottom: 15px;\r\n  margin-left: 0px;\r\n}\r\n.block {\r\n  padding: 25px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=f15dd922&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=f15dd922&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f15dd922\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}