@utogether/udp-core 1.0.0 → 1.0.1-beta.10

package/src/layout/components/lay-panel/index.vue

@@ -1,150 +1,150 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 17:33:20
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-16 15:54:13
- * @Description: 个性化设置页面
--->
-<script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
-import { useDataThemeChange } from '../../hooks/useDataThemeChange';
-import { onClickOutside } from '@vueuse/core';
-import { emitter } from '../../../utils/mitt';
-
-const target = ref(null);
-const show = ref<Boolean>(false);
-
-const iconClass = computed(() => {
-  return [
-    'w-[22px]',
-    'h-[22px]',
-    'flex',
-    'justify-center',
-    'items-center',
-    'outline-hidden',
-    'rounded-[4px]',
-    'cursor-pointer',
-    'transition-colors',
-    'hover:bg-[#0000000f]',
-    'dark:hover:bg-[#ffffff1f]',
-    'dark:hover:text-[#ffffffd9]'
-  ];
-});
-
-const { onReset } = useDataThemeChange();
-onClickOutside(target, (event: any) => {
-  if (event.clientX > target.value.offsetLeft) return;
-  show.value = false;
-});
-
-onMounted(() => {
-  emitter.on('openPanel', () => {
-    show.value = true;
-  });
-});
-
-onBeforeUnmount(() => {
-  // 解绑`openPanel`公共事件，防止多次触发
-  emitter.off('openPanel');
-});
-</script>
-
-<template>
-  <div :class="{ show }">
-    <div class="right-panel-background" />
-    <div ref="target" class="right-panel bg-bg_color">
-      <div
-        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
-      >
-        <h4 class="dark:text-white">{{ $t('message.tip.projectConfig') }}</h4>
-        <span
-          v-tippy="{
-            content: $t('message.tip.closeConfig'),
-            placement: 'bottom-start',
-            zIndex: 41000
-          }"
-          :class="iconClass"
-        >
-          <IconifyIconOffline
-            class="dark:text-white"
-            width="18px"
-            height="18px"
-            icon="ri:close-line"
-            @click="show = !show"
-          />
-        </span>
-      </div>
-      <el-scrollbar>
-        <slot />
-      </el-scrollbar>
-
-      <div
-        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
-      >
-        <el-button
-          v-tippy="{
-            content: $t('message.tip.toLogin'),
-            placement: 'left-start',
-            zIndex: 41000
-          }"
-          type="danger"
-          text
-          bg
-          @click="onReset"
-        >
-          {{ $t('message.tip.clearCache') }}
-        </el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-:deep(.el-scrollbar) {
-  height: calc(100vh - 110px);
-}
-
-.right-panel-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  background: rgb(0 0 0 / 20%);
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-}
-
-.right-panel {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 40000;
-  width: 100%;
-  max-width: 300px;
-  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
-  transform: translate(100%);
-  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
-}
-
-.show {
-  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-
-  .right-panel-background {
-    z-index: 20000;
-    width: 100%;
-    height: 100%;
-    opacity: 1;
-  }
-
-  .right-panel {
-    transform: translate(0);
-  }
-}
-
-.project-configuration {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 20px;
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:20
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-07-31 10:15:40
+ * @Description: 个性化设置页面
+-->
+<script setup lang="ts">
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
+import { useDataThemeChange } from '../../hooks/useDataThemeChange';
+import { onClickOutside } from '@vueuse/core';
+import { emitter } from '../../../utils/mitt';
+
+const target = ref(null);
+const show = ref<Boolean>(false);
+
+const iconClass = computed(() => {
+  return [
+    'w-[22px]',
+    'h-[22px]',
+    'flex',
+    'justify-center',
+    'items-center',
+    'outline-hidden',
+    'rounded-[4px]',
+    'cursor-pointer',
+    'transition-colors',
+    'hover:bg-[#0000000f]',
+    'dark:hover:bg-[#ffffff1f]',
+    'dark:hover:text-[#ffffffd9]'
+  ];
+});
+
+const { onReset } = useDataThemeChange();
+onClickOutside(target, (event: any) => {
+  if (event.clientX > target.value.offsetLeft) return;
+  show.value = false;
+});
+
+onMounted(() => {
+  emitter.on('openPanel', () => {
+    show.value = true;
+  });
+});
+
+onBeforeUnmount(() => {
+  // 解绑`openPanel`公共事件，防止多次触发
+  emitter.off('openPanel');
+});
+</script>
+
+<template>
+  <div :class="{ show }">
+    <div class="right-panel-background" />
+    <div ref="target" class="right-panel bg-bg_color bg-white">
+      <div
+        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
+      >
+        <h4 class="dark:text-white">{{ $t('message.tip.projectConfig') }}</h4>
+        <span
+          v-tippy="{
+            content: $t('message.tip.closeConfig'),
+            placement: 'bottom-start',
+            zIndex: 41000
+          }"
+          :class="iconClass"
+        >
+          <IconifyIconOffline
+            class="dark:text-white"
+            width="18px"
+            height="18px"
+            icon="ri:close-line"
+            @click="show = !show"
+          />
+        </span>
+      </div>
+      <el-scrollbar>
+        <slot />
+      </el-scrollbar>
+
+      <div
+        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
+      >
+        <el-button
+          v-tippy="{
+            content: $t('message.tip.toLogin'),
+            placement: 'left-start',
+            zIndex: 41000
+          }"
+          type="danger"
+          text
+          bg
+          @click="onReset"
+        >
+          {{ $t('message.tip.clearCache') }}
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-scrollbar) {
+  height: calc(100vh - 110px);
+}
+
+.right-panel-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  background: rgb(0 0 0 / 20%);
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+}
+
+.right-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 400000;
+  width: 100%;
+  max-width: 300px;
+  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
+  transform: translate(100%);
+  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
+}
+
+.show {
+  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+
+  .right-panel-background {
+    z-index: 20000;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+  }
+
+  .right-panel {
+    transform: translate(0);
+  }
+}
+
+.project-configuration {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 20px;
+}
+</style>

package/src/layout/components/lay-search/index.vue

@@ -1,25 +1,25 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-03-10 11:26:15
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2023-10-12 11:43:49
- * @Description: 菜单栏搜索
--->
-<script lang="ts" setup>
-import { SearchModal } from './components';
-import { useBoolean } from '../../hooks/useBoolean';
-const { bool: show, toggle } = useBoolean();
-function handleSearch() {
-  toggle();
-}
-</script>
-
-<template>
-  <div
-    class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover"
-    @click="handleSearch"
-  >
-    <IconifyIconOffline icon="ri:search-line" />
-  </div>
-  <SearchModal v-model:value="show" />
-</template>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-10 11:26:15
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2023-10-12 11:43:49
+ * @Description: 菜单栏搜索
+-->
+<script lang="ts" setup>
+import { SearchModal } from './components';
+import { useBoolean } from '../../hooks/useBoolean';
+const { bool: show, toggle } = useBoolean();
+function handleSearch() {
+  toggle();
+}
+</script>
+
+<template>
+  <div
+    class="search-container w-[40px] h-[48px] flex justify-center items-center cursor-pointer navbar-bg-hover"
+    @click="handleSearch"
+  >
+    <IconifyIconOffline icon="ri:search-line" />
+  </div>
+  <SearchModal v-model:value="show" />
+</template>

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

@@ -119,7 +119,7 @@ watch(
 </script>
 
 <template>
-  <el-breadcrumb class="!leading-[50px] select-none" separator="/">
+  <el-breadcrumb class="!leading-[50px] select-none" separator="/" style="line-height: 50px">
     <transition-group name="breadcrumb">
       <el-breadcrumb-item v-for="item in levelList" :key="item.path" class="inline! items-stretch!">
         <a @click.prevent="handleLink(item)">