feat(添加图片以及合并旧版本): 合并

CHANGELOG.md

@@ -1,3 +1,23 @@
+## [0.1.10](https://github.com/ibwei/vue3-base/compare/0.1.9...0.1.10) (2020-10-18)
+
+
+### Bug Fixes
+
+* **ci/cd:** 修复 CI/CD 错误生成的文件 ([2fbba24](https://github.com/ibwei/vue3-base/commit/2fbba2449f345ae9b98ad4b1ea9edde13f3d8a05))
+* **ci/cd:** 完善 CI/CD 配置 ([7ec507f](https://github.com/ibwei/vue3-base/commit/7ec507f74a07cd34feff450bc25f76a4847246be))
+
+
+### Features
+
+* **vuex & test:** 完善 vuex 使用以及更改了组件测试页面 ([a913a06](https://github.com/ibwei/vue3-base/commit/a913a062d4c3a4a800ac95389aff8d2342e9b763))
+
+
+### Performance Improvements
+
+* **public:** 优化默认模版以及去掉CI/CD 错误生成的文件 ([cacd037](https://github.com/ibwei/vue3-base/commit/cacd0377e34dc156e90f56726452f776e48b213f))
+
+
+
 ## [0.1.9](https://github.com/ibwei/vue3-base/compare/v0.1.8...v0.1.9) (2020-10-17)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-base-type",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "一个使用vue3+typescript 搭建的项目基础架构类型声明库",
   "author": {
     "name": "ibwei",

src/App.vue

@@ -19,7 +19,10 @@ const App = defineComponent({
     const store = useStore<StateType>()
     const fullLoading = computed(() => store.state.app.fullLoading)
     const loadingText = computed(() => store.state.app.loadingText)
+    const currentLanguage = computed(() => Locales[store.state.app.language])
+
     return {
+      currentLanguage,
       loadingText,
       fullLoading,
       Locales

src/components/ChangeLanguage.vue

@@ -1,77 +1,77 @@
-<template>
-  <a-dropdown :trigger="['click']">
-    <a class="ant-dropdown-link" @click="e => e.preventDefault()" :style="{ color: titleColor, fontSize: titleSize }"> {{ i18n.languageName }}<DownOutlined /></a>
-    <template v-slot:overlay>
-      <a-menu class="dropdown-panel">
-        <a-menu-item v-for="(value, key) of LanguageNameList" :key="key" @click="changeLanguage">
-          <span :style="{ color: textColor }">{{ LanguageNameList[key] }}</span>
-        </a-menu-item>
-      </a-menu>
-    </template>
-  </a-dropdown>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-import { setLang, i18nInstance, LanguageNameList } from '../i18n/index'
-import { message } from 'ant-design-vue'
-import { DownOutlined } from '@ant-design/icons-vue'
-
-export default defineComponent({
-  props: {
-    titleColor: {
-      type: String,
-      default: '#fff'
-    },
-    textColor: {
-      type: String,
-      default: '#fff'
-    },
-    titleSize: {
-      type: String,
-      default: '16px'
-    }
-  },
-  components: {
-    DownOutlined
-  },
-  setup() {
-    const { i18n } = i18nInstance
-    const changeLanguage = e => {
-      const lang = e.key
-      setLang(lang).then(result => {
-        if (result === lang) {
-          message.success(`${i18n.value['Current Language:']} ${i18n.value.languageName}`)
-        }
-      })
-    }
-    return {
-      LanguageNameList,
-      changeLanguage,
-      i18n
-    }
-  }
-})
-</script>
-
-<style lang="less" scoped>
-.dropdown-panel {
-  background: rgba(255, 255, 255, 0.3);
-  margin-top: 10px;
-  /deep/ .ant-dropdown-menu-item-active {
-    background: transparent;
-    transform: translateX(2px);
-    transition: all 0.2s ease-in-out;
-  }
-}
-.dropdown-panel::before {
-  content: '';
-  display: block;
-  border: 10px solid transparent;
-  border-bottom-color: rgba(255, 255, 255, 0.3);
-  position: absolute;
-  top: -20px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-</style>
+<template>
+  <a-dropdown :trigger="['click']">
+    <a class="ant-dropdown-link" @click="e => e.preventDefault()" :style="{ color: titleColor, fontSize: titleSize }"> {{ i18n.languageName }}<DownOutlined /></a>
+    <template v-slot:overlay>
+      <a-menu class="dropdown-panel">
+        <a-menu-item v-for="(value, key) of LanguageNameList" :key="key" @click="changeLanguage">
+          <span :style="{ color: textColor }">{{ LanguageNameList[key] }}</span>
+        </a-menu-item>
+      </a-menu>
+    </template>
+  </a-dropdown>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import { setLang, i18nInstance, LanguageNameList } from '../i18n/index'
+import { message } from 'ant-design-vue'
+import { DownOutlined } from '@ant-design/icons-vue'
+
+export default defineComponent({
+  props: {
+    titleColor: {
+      type: String,
+      default: '#fff'
+    },
+    textColor: {
+      type: String,
+      default: '#fff'
+    },
+    titleSize: {
+      type: String,
+      default: '16px'
+    }
+  },
+  components: {
+    DownOutlined
+  },
+  setup() {
+    const { i18n } = i18nInstance
+    const changeLanguage = e => {
+      const lang = e.key
+      setLang(lang).then(result => {
+        if (result === lang) {
+          message.success(`${i18n.value['Current Language:']} ${i18n.value.languageName}`)
+        }
+      })
+    }
+    return {
+      LanguageNameList,
+      changeLanguage,
+      i18n
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.dropdown-panel {
+  background: rgba(255, 255, 255, 0.3);
+  margin-top: 10px;
+  /deep/ .ant-dropdown-menu-item-active {
+    background: transparent;
+    transform: translateX(2px);
+    transition: all 0.2s ease-in-out;
+  }
+}
+.dropdown-panel::before {
+  content: '';
+  display: block;
+  border: 10px solid transparent;
+  border-bottom-color: rgba(255, 255, 255, 0.3);
+  position: absolute;
+  top: -20px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+</style>