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