{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/i18n-demo/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/i18n-demo/index.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/babel-loader/lib/index.js","mtime":1754408228132},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBsb2NhbCBmcm9tICcuL2xvY2FsJwpjb25zdCB2aWV3TmFtZSA9ICdpMThuVmlldycKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnSTE4bicsCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGRhdGU6ICcnLAogICAgICB0YWJsZURhdGE6IFt7CiAgICAgICAgZGF0ZTogJzIwMTYtMDUtMDMnLAogICAgICAgIG5hbWU6ICdUb20nLAogICAgICAgIGFkZHJlc3M6ICdOby4gMTg5LCBHcm92ZSBTdCwgTG9zIEFuZ2VsZXMnCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBkYXRlOiAnMjAxNi0wNS0wMicsCiAgICAgICAgbmFtZTogJ1RvbScsCiAgICAgICAgYWRkcmVzczogJ05vLiAxODksIEdyb3ZlIFN0LCBMb3MgQW5nZWxlcycKICAgICAgfSwKICAgICAgewogICAgICAgIGRhdGU6ICcyMDE2LTA1LTA0JywKICAgICAgICBuYW1lOiAnVG9tJywKICAgICAgICBhZGRyZXNzOiAnTm8uIDE4OSwgR3JvdmUgU3QsIExvcyBBbmdlbGVzJwogICAgICB9LAogICAgICB7CiAgICAgICAgZGF0ZTogJzIwMTYtMDUtMDEnLAogICAgICAgIG5hbWU6ICdUb20nLAogICAgICAgIGFkZHJlc3M6ICdOby4gMTg5LCBHcm92ZSBTdCwgTG9zIEFuZ2VsZXMnCiAgICAgIH1dLAogICAgICBvcHRpb25zOiBbXSwKICAgICAgdmFsdWU6ICcnCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgbGFuZzogewogICAgICBnZXQoKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLmFwcC5sYW5ndWFnZQogICAgICB9LAogICAgICBzZXQobGFuZykgewogICAgICAgIHRoaXMuJGkxOG4ubG9jYWxlID0gbGFuZwogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdhcHAvc2V0TGFuZ3VhZ2UnLCBsYW5nKQogICAgICB9CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgbGFuZygpIHsKICAgICAgdGhpcy5zZXRPcHRpb25zKCkKICAgIH0KICB9LAogIGNyZWF0ZWQoKSB7CiAgICBpZiAoIXRoaXMuJGkxOG4uZ2V0TG9jYWxlTWVzc2FnZSgnZW4nKVt2aWV3TmFtZV0pIHsKICAgICAgdGhpcy4kaTE4bi5tZXJnZUxvY2FsZU1lc3NhZ2UoJ2VuJywgbG9jYWwuZW4pCiAgICAgIHRoaXMuJGkxOG4ubWVyZ2VMb2NhbGVNZXNzYWdlKCd6aCcsIGxvY2FsLnpoKQogICAgICB0aGlzLiRpMThuLm1lcmdlTG9jYWxlTWVzc2FnZSgnZXMnLCBsb2NhbC5lcykKICAgICAgdGhpcy4kaTE4bi5tZXJnZUxvY2FsZU1lc3NhZ2UoJ2phJywgbG9jYWwuamEpCiAgICB9CiAgICB0aGlzLnNldE9wdGlvbnMoKSAvLyBzZXQgZGVmYXVsdCBzZWxlY3Qgb3B0aW9ucwogIH0sCiAgbWV0aG9kczogewogICAgc2V0T3B0aW9ucygpIHsKICAgICAgdGhpcy5vcHRpb25zID0gWwogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAnMScsCiAgICAgICAgICBsYWJlbDogdGhpcy4kdCgnaTE4blZpZXcub25lJykKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAnMicsCiAgICAgICAgICBsYWJlbDogdGhpcy4kdCgnaTE4blZpZXcudHdvJykKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAnMycsCiAgICAgICAgICBsYWJlbDogdGhpcy4kdCgnaTE4blZpZXcudGhyZWUnKQogICAgICAgIH0KICAgICAgXQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/i18n-demo","sourcesContent":["<template>\n  <div>\n    <el-card class=\"box-card\" style=\"margin-top:40px;\">\n      <div slot=\"header\" class=\"clearfix\">\n        <svg-icon icon-class=\"international\" />\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>\n            简体中文\n          </el-radio>\n          <el-radio label=\"en\" border>\n            English\n          </el-radio>\n          <el-radio label=\"es\" border>\n            Español\n          </el-radio>\n          <el-radio label=\"ja\" border>\n            日本語\n          </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 v-model=\"date\" :placeholder=\"$t('i18nView.datePlaceholder')\" type=\"date\" />\n        </div>\n        <div class=\"block\">\n          <el-select v-model=\"value\" :placeholder=\"$t('i18nView.selectPlaceholder')\">\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 :data=\"tableData\" fit highlight-current-row border style=\"width: 100%\">\n          <el-table-column :label=\"$t('i18nView.tableName')\" prop=\"name\" width=\"100\" align=\"center\" />\n          <el-table-column :label=\"$t('i18nView.tableDate')\" prop=\"date\" width=\"120\" align=\"center\" />\n          <el-table-column :label=\"$t('i18nView.tableAddress')\" prop=\"address\" />\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        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      options: [],\n      value: ''\n    }\n  },\n  computed: {\n    lang: {\n      get() {\n        return this.$store.state.app.language\n      },\n      set(lang) {\n        this.$i18n.locale = lang\n        this.$store.dispatch('app/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      this.$i18n.mergeLocaleMessage('ja', local.ja)\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"]}]}