@utogether/udp-core 1.0.1 → 1.0.2

package/src/layout/components/lay-sidebar/sidebar-logo.vue

@@ -1,98 +1,101 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-11-17 16:02:30
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-17 17:15:15
- * @Description: file content
--->
-<script setup lang="ts">
-import { ref } from 'vue';
-import { storageLocal } from '@utogether/utils';
-import { kSYSCONFIG } from '../../../contant';
-import utogether from '../../../assets/images/utogether.png';
-
-const props = defineProps({
-  collapse: Boolean
-});
-
-const sysConfig = storageLocal.getItem(kSYSCONFIG) || {};
-
-const title = sysConfig['title'];
-const logo = ref(sysConfig['logo'] || utogether);
-// console.log(logo);
-</script>
-
-<template>
-  <div class="sidebar-logo-container" :class="{ collapses: props.collapse }">
-    <transition name="sidebarLogoFade">
-      <router-link
-        v-if="props.collapse"
-        key="props.collapse"
-        :title="title"
-        class="sidebar-logo-link"
-        to="/"
-      >
-        <img :src="logo" class="ut-collapse-img ut-sidebar-logo" />
-      </router-link>
-      <router-link v-else key="expand" :title="title" class="sidebar-logo-link" to="/">
-        <img :src="logo" class="ut-sidebar-logo h-10" />
-        <span class="sidebar-title">{{ title }}</span>
-      </router-link>
-    </transition>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.sidebar-logo-container {
-  position: relative;
-  width: 100%;
-  height: 48px;
-  overflow: hidden;
-  text-align: center;
-  background-color: var(--udp-theme-sidebar-logo);
-
-  .sidebar-logo-link {
-    // margin-top: 5px;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    .ut-sidebar-logo {
-      height: 100%;
-    }
-
-    .ut-collapse-img {
-      width: 100%;
-    }
-
-    .sidebar-title {
-      display: block;
-      // width: 140px;
-      // margin-top: 10px;
-      margin-left: 10px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
-      font-size: 24px;
-      font-weight: 600;
-      color: var(--udp-theme-project-text);
-      text-align: left;
-      white-space: nowrap;
-    }
-  }
-
-  .collapses {
-    .sidebar-logo {
-      margin-right: 0;
-    }
-  }
-
-  svg {
-    width: 50px;
-    height: 50px;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:02:30
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-18 11:52:49
+ * @Description: file content
+-->
+<script setup lang="ts">
+import { ref } from 'vue';
+import { storageLocal } from '@utogether/utils';
+import { kSYSCONFIG } from '../../../contant';
+import { getTopMenu } from '../../../router/utils';
+import utogether from '../../../assets/images/utogether.png';
+
+const props = defineProps({
+  collapse: Boolean
+});
+
+const sysConfig = storageLocal.getItem(kSYSCONFIG) || {};
+
+const title = sysConfig['title'];
+const showTitle = sysConfig['showTitle'];
+const logo = ref(sysConfig['logo'] || utogether);
+</script>
+
+<template>
+  <div class="sidebar-logo-container" :class="{ collapses: props.collapse }">
+    <transition name="sidebarLogoFade">
+      <router-link
+        v-if="props.collapse"
+        key="props.collapse"
+        :title="title"
+        class="sidebar-logo-link"
+        :to="getTopMenu()?.path ?? '/'"
+      >
+        <img :src="logo" class="ut-collapse-img ut-sidebar-logo" />
+      </router-link>
+      <router-link v-else key="expand" :title="title" class="sidebar-logo-link" :to="getTopMenu()?.path ?? '/'">
+        <img :src="logo" class="ut-sidebar-logo h-10" />
+        <span v-if="showTitle === 'Y'" class="sidebar-title">{{ title }}</span>
+      </router-link>
+    </transition>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  height: 48px;
+  overflow: hidden;
+  text-align: center;
+  background-color: var(--udp-theme-sidebar-logo);
+
+  .sidebar-logo-link {
+    // margin-top: 5px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    .ut-sidebar-logo {
+      height: 100%;
+    }
+
+    .ut-collapse-img {
+      width: 100%;
+    }
+
+    .sidebar-title {
+      display: flex;
+      align-items: end;
+      // he: 140px;
+      // margin-top: 10px;
+      height: 100%;
+      margin-left: 10px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
+      font-size: 24px;
+      font-weight: 600;
+      color: var(--udp-theme-project-text);
+      text-align: left;
+      white-space: nowrap;
+    }
+  }
+
+  .collapses {
+    .sidebar-logo {
+      margin-right: 0;
+    }
+  }
+
+  svg {
+    width: 50px;
+    height: 50px;
+  }
+}
+</style>