yh-pub 1.0.0 → 1.0.2

package/layout/main/components/language/language.vue

@@ -1,71 +1,71 @@
-<template>
-  <el-dropdown
-    split-button
-    class="language-dropdown"
-    trigger="click"
-    @command="selectLang">
-    {{ title }}
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-dropdown-item
-          v-for="(value, key) in localList"
-          :commnd="key">
-          {{ value }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
-</template>
-
-<script setup>
-import { reactive, computed } from "vue";
-import { delStorage } from "@/libs/util";
-import axios from "@/libs/api.request";
-import { useAppStore } from "@/store/app.js";
-
-const appStore = useAppStore();
-
-const langList = reactive({
-  zh_CN: "中文",
-  en_US: "English",
-});
-const localList = reactive({
-  zh_CN: "中文简体",
-  en_US: "English",
-});
-
-const title = computed(() => {
-  return langList[appStore.local];
-});
-
-function selectLang(e) {
-  axios.post("loginController/setLanguage", { language: e }).then((res) => {
-    if (res.data.result) {
-      delStorage("menu");
-      this.$router.push({
-        name: this.$config.homeName,
-      });
-      window.location.reload();
-    }
-  });
-}
-</script>
-<style lang="scss">
-.language-dropdown.el-dropdown {
-  padding: 0 10px;
-  color: var(--el-color-white);
-  .el-button {
-    --el-button-text-color: var(--el-color-white);
-    --el-button-active-text-color: var(--el-color-white);
-    --el-button-hover-text-color: var(--el-color-white);
-    --el-button-bg-color: transparent;
-    --el-button-active-bg-color: transparent;
-    --el-button-hover-bg-color: transparent;
-    --el-button-outline-color: transparent;
-    --el-button-active-border-color: var(--el-color-white);
-    --el-button-hover-border-color: var(--el-color-white);
-    --el-button-border-color: var(--el-color-white);
-  }
-}
-</style>
-@/libs/util@/libs/api.request@/store/app.js
+<template>
+  <el-dropdown
+    split-button
+    class="language-dropdown"
+    trigger="click"
+    @command="selectLang">
+    {{ title }}
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item
+          v-for="(value, key) in localList"
+          :commnd="key">
+          {{ value }}
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script setup>
+import { reactive, computed } from "vue";
+import { delStorage } from "@/libs/util";
+import axios from "@/libs/api.request";
+import { useAppStore } from "@/store/app.js";
+
+const appStore = useAppStore();
+
+const langList = reactive({
+  zh_CN: "中文",
+  en_US: "English",
+});
+const localList = reactive({
+  zh_CN: "中文简体",
+  en_US: "English",
+});
+
+const title = computed(() => {
+  return langList[appStore.local];
+});
+
+function selectLang(e) {
+  axios.post("loginController/setLanguage", { language: e }).then((res) => {
+    if (res.data.result) {
+      delStorage("menu");
+      this.$router.push({
+        name: this.$config.homeName,
+      });
+      window.location.reload();
+    }
+  });
+}
+</script>
+<style lang="scss">
+.language-dropdown.el-dropdown {
+  padding: 0 10px;
+  color: var(--el-color-white);
+  .el-button {
+    --el-button-text-color: var(--el-color-white);
+    --el-button-active-text-color: var(--el-color-white);
+    --el-button-hover-text-color: var(--el-color-white);
+    --el-button-bg-color: transparent;
+    --el-button-active-bg-color: transparent;
+    --el-button-hover-bg-color: transparent;
+    --el-button-outline-color: transparent;
+    --el-button-active-border-color: var(--el-color-white);
+    --el-button-hover-border-color: var(--el-color-white);
+    --el-button-border-color: var(--el-color-white);
+  }
+}
+</style>
+@/libs/util@/libs/api.request@/store/app.js

package/layout/main/components/side-menu/side-menu.less

@@ -1,74 +1,74 @@
-.side-menu-wrapper {
-  user-select: none;
-  height: calc(~"100% - 50px");
-  overflow-y: auto;
-  overflow-x: hidden;
-  &::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-  /* 滚动条滑块 */
-  &::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background: #72797f;
-  }
-  &::-webkit-scrollbar-track {
-    border-radius: 5px;
-    background: #001529;
-  }
-  .el-sub-menu__title,
-  .el-menu-item {
-    .iconfont {
-      display: inline-block;
-      max-width: 16px;
-      min-width: 0;
-      text-align: center;
-      margin-right: 10px;
-      padding: 0;
-      font-size: 16px;
-    }
-    transform: background 0.3s ease-in-out 0s;
-    &.is-active,
-    &:hover {
-      background: linear-gradient(90deg, #3377ff, #0455c3);
-    }
-  }
-}
-.side-pupper-menu {
-  --el-menu-bg-color: #21304c;
-  --el-menu-text-color: var(--el-color-white);
-  --el-menu-active-color: var(--el-color-white);
-  --el-menu-hover-bg-color: transparent;
-  max-height: 100%;
-  overflow: auto;
-  background-color: var(--el-menu-bg-color);
-  &::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-  /* 滚动条滑块 */
-  &::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background: #72797f;
-  }
-  &::-webkit-scrollbar-track {
-    border-radius: 5px;
-    background: var(--el-menu-bg-color);
-  }
-  .el-menu-item {
-    .iconfont {
-      display: inline-block;
-      max-width: 16px;
-      min-width: 0;
-      text-align: center;
-      margin-right: 10px;
-      padding: 0;
-      font-size: 16px;
-    }
-    transform: background 0.3s ease-in-out 0s;
-    &.is-active,
-    &:hover {
-      background: linear-gradient(90deg, #3377ff, #0455c3);
-    }
-  }
+.side-menu-wrapper {
+  user-select: none;
+  height: calc(~"100% - 50px");
+  overflow-y: auto;
+  overflow-x: hidden;
+  &::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+  }
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background: #72797f;
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 5px;
+    background: #001529;
+  }
+  .el-sub-menu__title,
+  .el-menu-item {
+    .iconfont {
+      display: inline-block;
+      max-width: 16px;
+      min-width: 0;
+      text-align: center;
+      margin-right: 10px;
+      padding: 0;
+      font-size: 16px;
+    }
+    transform: background 0.3s ease-in-out 0s;
+    &.is-active,
+    &:hover {
+      background: linear-gradient(90deg, #3377ff, #0455c3);
+    }
+  }
+}
+.side-pupper-menu {
+  --el-menu-bg-color: #21304c;
+  --el-menu-text-color: var(--el-color-white);
+  --el-menu-active-color: var(--el-color-white);
+  --el-menu-hover-bg-color: transparent;
+  max-height: 100%;
+  overflow: auto;
+  background-color: var(--el-menu-bg-color);
+  &::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+  }
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background: #72797f;
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 5px;
+    background: var(--el-menu-bg-color);
+  }
+  .el-menu-item {
+    .iconfont {
+      display: inline-block;
+      max-width: 16px;
+      min-width: 0;
+      text-align: center;
+      margin-right: 10px;
+      padding: 0;
+      font-size: 16px;
+    }
+    transform: background 0.3s ease-in-out 0s;
+    &.is-active,
+    &:hover {
+      background: linear-gradient(90deg, #3377ff, #0455c3);
+    }
+  }
 }

package/layout/main/components/side-menu/side-menu.vue

@@ -1,75 +1,75 @@
-<template>
-  <el-menu
-    :collapse="collapse"
-    :collapse-transition="false"
-    router
-    :default-active="$route.path"
-    class="side-menu-wrapper">
-    <template v-for="item in menuList">
-      <el-menu-item
-        :index="item.id"
-        v-if="!item.hasChildren">
-        <i :class="item.icon"></i>
-        <span>{{ item.title }}</span>
-      </el-menu-item>
-      <el-sub-menu
-        :index="item.id"
-        popper-class="side-pupper-menu"
-        v-else>
-        <template #title>
-          <i :class="item.icon"></i>
-          <span>{{ item.title }}</span>
-        </template>
-        <template v-for="cItem in item.children">
-          <el-menu-item
-            :index="cItem.id"
-            v-if="!cItem.hasChildren">
-            <i :class="cItem.icon"></i>
-            <span>{{ cItem.title }}</span>
-          </el-menu-item>
-          <el-sub-menu
-            :index="cItem.id"
-            popper-class="side-pupper-menu"
-            v-else>
-            <template #title>
-              <i :class="cItem.icon"></i>
-              <span>{{ cItem.title }}</span>
-            </template>
-            <template v-for="tItem in cItem.children">
-              <el-menu-item
-                :index="tItem.id"
-                v-if="!tItem.hasChildren">
-                <i :class="tItem.icon"></i>
-                <span>{{ tItem.title }}</span>
-              </el-menu-item>
-              <el-menu-item
-                v-else
-                v-for="tti in tItem.children"
-                :index="tti.id">
-                <i :class="tti.icon"></i>
-                <span>{{ tti.title }}</span>
-              </el-menu-item>
-            </template>
-          </el-sub-menu>
-        </template>
-      </el-sub-menu>
-    </template>
-  </el-menu>
-</template>
-<script setup>
-const props = defineProps({
-  menuList: {
-    type: Array,
-    default() {
-      return [];
-    },
-  },
-  collapse: {
-    type: Boolean,
-    required: false,
-  },
-});
-</script>
-<style lang="less">
-@import "./side-menu.less";
-</style>
+<template>
+  <el-menu
+    :collapse="collapse"
+    :collapse-transition="false"
+    router
+    :default-active="$route.path"
+    class="side-menu-wrapper">
+    <template v-for="item in menuList">
+      <el-menu-item
+        :index="item.id"
+        v-if="!item.hasChildren">
+        <i :class="item.icon"></i>
+        <span>{{ item.title }}</span>
+      </el-menu-item>
+      <el-sub-menu
+        :index="item.id"
+        popper-class="side-pupper-menu"
+        v-else>
+        <template #title>
+          <i :class="item.icon"></i>
+          <span>{{ item.title }}</span>
+        </template>
+        <template v-for="cItem in item.children">
+          <el-menu-item
+            :index="cItem.id"
+            v-if="!cItem.hasChildren">
+            <i :class="cItem.icon"></i>
+            <span>{{ cItem.title }}</span>
+          </el-menu-item>
+          <el-sub-menu
+            :index="cItem.id"
+            popper-class="side-pupper-menu"
+            v-else>
+            <template #title>
+              <i :class="cItem.icon"></i>
+              <span>{{ cItem.title }}</span>
+            </template>
+            <template v-for="tItem in cItem.children">
+              <el-menu-item
+                :index="tItem.id"
+                v-if="!tItem.hasChildren">
+                <i :class="tItem.icon"></i>
+                <span>{{ tItem.title }}</span>
+              </el-menu-item>
+              <el-menu-item
+                v-else
+                v-for="tti in tItem.children"
+                :index="tti.id">
+                <i :class="tti.icon"></i>
+                <span>{{ tti.title }}</span>
+              </el-menu-item>
+            </template>
+          </el-sub-menu>
+        </template>
+      </el-sub-menu>
+    </template>
+  </el-menu>
+</template>
+<script setup>
+const props = defineProps({
+  menuList: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
+  collapse: {
+    type: Boolean,
+    required: false,
+  },
+});
+</script>
+<style lang="less">
+@import "./side-menu.less";
+</style>

package/layout/main/components/tags-nav/tags-nav.less

@@ -1,45 +1,45 @@
-
-.tags-nav {
-  position: relative;
-  height: 40px;
-  user-select: none;
-  .contextmenu {
-    position: absolute;
-    margin: 0;
-    padding: 5px 0;
-    background: #fff;
-    z-index: 1000;
-    list-style-type: none;
-    border-radius: 4px;
-    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
-    li {
-      margin: 0;
-      padding: 5px 15px;
-      cursor: pointer;
-      font-size: 14px;
-      color: var(--el-text-color-secondary);
-      &:hover {
-        background: #eee;
-      }
-    }
-  }
-  .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):hover,
-  .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover{
-    padding-left: 20px;
-  }
-  .el-tabs{
-    --el-tabs-header-height: 40px;
-    &.el-tabs--border-card{
-      border-bottom: 0;
-      .el-tabs__item {
-        border-left: 1px solid var(--el-border-color-lighter)
-      }
-    }
-    .el-tabs__nav-scroll {
-      padding: 0 20px;
-    }
-    .el-tabs__content{
-      display: none;
-    }
-  }
+
+.tags-nav {
+  position: relative;
+  height: 40px;
+  user-select: none;
+  .contextmenu {
+    position: absolute;
+    margin: 0;
+    padding: 5px 0;
+    background: #fff;
+    z-index: 1000;
+    list-style-type: none;
+    border-radius: 4px;
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
+    li {
+      margin: 0;
+      padding: 5px 15px;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--el-text-color-secondary);
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+  .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):hover,
+  .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover{
+    padding-left: 20px;
+  }
+  .el-tabs{
+    --el-tabs-header-height: 40px;
+    &.el-tabs--border-card{
+      border-bottom: 0;
+      .el-tabs__item {
+        border-left: 1px solid var(--el-border-color-lighter)
+      }
+    }
+    .el-tabs__nav-scroll {
+      padding: 0 20px;
+    }
+    .el-tabs__content{
+      display: none;
+    }
+  }
 }