@lambo-design/pro-layout 1.0.0-beta.207 → 1.0.0-beta.209

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/pro-layout",
-  "version": "1.0.0-beta.207",
+  "version": "1.0.0-beta.209",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -10,8 +10,8 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@lambo-design/shared": "^1.0.0-beta.115",
-    "@lambo-design/core": "^4.7.1-beta.118"
+    "@lambo-design/core": "^4.7.1-beta.118",
+    "@lambo-design/shared": "^1.0.0-beta.115"
   },
   "scripts": {}
 }

package/src/components/pro-layout-header.vue

@@ -4,7 +4,7 @@
       <LamboProTrigger></LamboProTrigger>
     </div>
     <div class="logo-box">
-      <LamboProLogo @clickLogo="handleClick"></LamboProLogo>
+      <LamboProLogo></LamboProLogo>
     </div>
     <div class="nav-box">
       <LamboProNav></LamboProNav>
@@ -66,9 +66,6 @@ export default {
     FastSearch
   },
   methods:{
-    handleClick(){
-      this.$emit('clickLogo')
-    },
     initListener(){
       Bus.$on('system-info',(data)=>{
         this.initSystem(data)

package/src/components/pro-layout-logo.vue

@@ -91,9 +91,8 @@ export default {
 
   },
   methods: {
-
     handleClick(){
-      this.$emit('clickLogo')
+      Bus.$emit('click-logo')
     },
     initListener(){
       Bus.$on('system-info',(data)=>{

package/src/components/pro-layout-nav.vue

@@ -61,9 +61,11 @@ export default {
       Bus.$off('change-app')
     },
     initSystemInfo(data) {
-      this.topMenuNum = data.topMenu ? data.topMenu : 4;
-      this.acceptAppId = data.acceptAppId ? data.acceptAppId : '';
-      this.initNav(this.navList)
+      if (data) {
+        this.topMenuNum = data.topMenu ? data.topMenu : 4;
+        this.acceptAppId = data.acceptAppId ? data.acceptAppId : '';
+        this.initNav(this.navList)
+      }
     },
     initNav(data) {
       if (data.toString() === this.navList.toString() && this.topMenuNum === this.lastTopMenuNum) {
@@ -113,7 +115,9 @@ export default {
       })
     },
     acceptAppId(val) {
-      this.selectApp(val)
+      if (val) {
+        this.selectApp(val)
+      }
     }
   },
   created() {

package/src/components/pro-layout-sider-search.vue

@@ -0,0 +1,271 @@
+<template>
+  <div class="search-fast-con">
+    <div class="search-fast-con-side" >
+      <div class="sideInput" @click="handleSideClick">
+        <Input v-if="searchType === 0" v-model="searchText" clearable id="modalInput"  placeholder="搜索菜单" font-size="8px"
+               @on-change="handleInput" :border="false" @on-blur="searchSideModal= false">
+          <template #prefix>
+            <Icon type="ios-search"  size="17"/>
+          </template>
+        </Input>
+      </div>
+    </div>
+    <Modal v-model="searchSideModal" class="search-fast-con-side-modal" footer-hide :closable="false" :mask="false"
+           scrollable :styles="{width: '255px'}" id="SideModalId" >
+      <div v-if="spinShow" style="height: 300px;font-size: 19px;">
+        <Spin size="large" :show="spinShow">
+          <Icon type="ios-loading" size=18 class="search-spin-icon-load"></Icon>
+          <div>加载中</div>
+        </Spin>
+      </div>
+      <div v-else class="search-content">
+        <div v-for="(item,index) in menuData"  :key="index" >
+          <div class="menu-side-style" @click="handleSelect(item)" @mouseenter="handleMouseEnter(index)" @mouseleave="handleMouseLeave(index)">
+            <div :style="getScrollingStyle(item.label)"  class="text" :class="{ 'scrolling': isHovered[index] && shouldScroll(item.label) }">
+              <Icon :type="item.icon" style="margin-left: 10.6px" size="13"></Icon>
+              <span style="margin-left: 12.6px">{{ item.label }}</span>
+            </div>
+          </div>
+        </div>
+        <div v-if="menuData.length === 0">
+          <span style="display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 15px">暂无数据</span>
+        </div>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import Bus from "@lambo-design/shared/utils/bus";
+import {deepCopy} from "@lambo-design/shared/utils/assist";
+export default {
+  name: "FastSearch",
+  props: {
+    searchType: '',
+    menuList: {
+      type: Array,
+      default: () => []
+    },
+  },
+  data () {
+    return {
+      searchText:'',
+      appId:'',
+      searchTopText:'',
+      option: [],
+      menuData:[],
+      noticeData:[],
+      isHovered: [],
+      select:'',
+      searchTopModal:false,
+      searchSideModal:false,
+      showSearchIcon:true,
+      maxWidth: 190,
+      spinShow:false,
+      spinShowTop1:false,
+      spinShowTop2:false,
+      originMenuList: [],
+      searchMenuList: []
+    }
+  },
+  methods:{
+    initListener(){
+      Bus.$on('menu-list',(data)=>{
+        this.initMenu(data)
+      });
+    },
+    destroyListener(){
+      Bus.$off('menu-list')
+    },
+    initMenu(data){
+      this.originMenuList = deepCopy(data);
+      this.searchMenuList = this.originMenuList.filter(menuItem => menuItem.type === 2)
+          .map(menuItem => {
+            // 检查menuItem对象的icon属性是否为'icon'或'1'
+            if (!menuItem.icon) {
+              // 如果是，则修改icon属性为'ios-folder-open-outline'
+              menuItem.icon = 'ios-folder-open-outline';
+            }
+            return menuItem;
+          });
+    },
+    handleSelect(item){
+      this.$emit('on-select', item.name,item.uri,item.pid)
+      this.searchSideModal = false
+    },
+    handleInput() {
+      // 使用 filter 方法找到所有匹配的菜单项
+      const regex = new RegExp(this.searchText, "i");
+      this.menuData = this.searchMenuList.filter(menuItem => {
+        return menuItem.label.match(regex);
+      });
+    },
+    handleSideClick(){
+      this.searchSideModal = true
+      this.handleInput()
+    },
+    handleMouseEnter(index) {
+      this.$set(this.isHovered, index, true); // 将当前菜单项设置为被悬停状态
+    },
+    handleMouseLeave(index) {
+      this.$set(this.isHovered, index, false); // 将当前菜单项设置为非悬停状态
+    },
+    shouldScroll(text) {
+      const span = document.createElement("span");
+      span.style.fontSize = "15px"; // 根据实际情况设置字体大小
+      span.textContent = text;
+      document.body.appendChild(span);
+      const shouldScroll = span.offsetWidth  > this.maxWidth;
+      document.body.removeChild(span);
+      return shouldScroll;
+    },
+    getScrollingStyle(text) {
+      const span = document.createElement("span");
+      span.style.fontSize = "15px"; // 根据实际情况设置字体大小
+      span.textContent = text;
+      document.body.appendChild(span);
+      let scrollDistance = span.offsetWidth  - this.maxWidth;
+      document.body.removeChild(span);
+      if (scrollDistance > 0) {
+        scrollDistance += 15
+        return {
+          "--scroll-distance": `-${scrollDistance}px`,
+        };
+      }
+      else{
+        return{
+          "--scroll-duration": `0s`,
+        }
+      }
+    }
+  },
+  created(){
+    this.initListener();
+  },
+  beforeDestroy(){
+    this.destroyListener();
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "@lambo-design/core/src/styles/default.less";
+.search-fast-con{
+  .search-fast-con-side{
+    width: 97%;
+    position: absolute;
+    top: 0px;
+    z-index: 2000;
+    .sideInput{
+      width: 221px;
+      transform: translateX(-13px);
+    }
+    .ivu-input{
+      font-size: 13px;
+      margin-top: -4px;
+      width: 228.5px;
+      height: 40px;
+      font-weight: 400;
+      border: none;
+      background-color: var(--legend-color ,@_legend-color);//修改这里
+      text-align:left; /* 确保文本默认左对齐 */
+      color: var(--avatar-color  ,@_avatar-color );
+      padding-right: 99px;
+      padding-left: 58px;
+      ::placeholder{
+        font-size: 13px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: var(--avatar-color  ,@_avatar-color ) !important;;
+      }
+    }
+    .ivu-icon-ios-search:before {
+      margin-right: -54px; /* 向右移动10像素 */
+      color: var(--avatar-color  ,@_avatar-color );
+      line-height: 1.6
+    }
+  }
+  .search-fast-con-side-modal {
+    .search-spin-icon-load{
+      animation: ani-search-spin 1s linear infinite;
+    }
+    .ivu-modal{
+      padding-top: 1px;
+      margin-left: 0px;
+      margin-top: 1px;
+      .ivu-modal-content{
+        background-color: var(--menu-dark-active-bg  ,@_menu-dark-active-bg );
+        width: 218px;
+        margin-top: -18px;
+        height: 270px;
+        .ivu-modal-body{
+          padding: 0px 16px 16px 16px;
+          .search-content {
+            //padding-top: 6px;
+            padding-left: 10px;
+            height: 270px;
+            width: 211px;
+            margin-left: -13px;
+            overflow-x: hidden;
+            overflow-y: auto;
+            background-color:  var(--menu-dark-active-bg  ,@menu-dark-active-bg );
+            -ms-overflow-style: none;  /* Internet Explorer 10+ */
+            scrollbar-width: none;  /* Firefox */
+            &::-webkit-scrollbar {
+              display: none;  /* Chrome, Safari 和 Opera */
+            }
+            .menu-side-style{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: 400;
+              width: 200px;
+              color:#EBEBEB;
+              margin-bottom: 8px;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              .text {
+                display: inline-block;
+                &.scrolling {
+                  animation: scrollText linear infinite;
+                  animation-duration: 2s; /* 调整滚动速度和持续时间 */
+                }
+              }
+              &:hover {
+                overflow: visible;
+                cursor: pointer;
+                color: red;
+                .text {
+                  animation-play-state: running;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+<style lang="less">
+.v-transfer-dom ::-webkit-scrollbar {
+  display: none;  /* Chrome, Safari 和 Opera */
+  overflow: hidden !important;
+}
+.v-transfer-dom{
+  -ms-overflow-style: none;  /* Internet Explorer 10+ */
+  scrollbar-width: none;  /* Firefox */
+  overflow: hidden !important;
+}
+@keyframes scrollText {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(var(--scroll-distance, 0)); /* 调整滚动的距离 */
+  }
+}
+@keyframes ani-search-spin {
+  from { transform: rotate(0deg);}
+  50%  { transform: rotate(180deg);}
+  to   { transform: rotate(360deg);}
+}
+</style>

package/src/components/pro-layout-sider.vue

@@ -32,13 +32,13 @@
       </template>
     </Menu>
 
-    <ProLayoutOtherMenu :collapsed="collapsed"></ProLayoutOtherMenu>
-    <FastSearch
+    <ProLayoutOtherMenu :collapsed="collapsed" @menu-click="handleSelect"></ProLayoutOtherMenu>
+    <ProLayoutSiderSearch
         v-show="!collapsed"
         style="margin-right: 35px; margin-left: 1px; padding-top: 1px"
         :searchType="0"
-        @on-select="handleSelect1"
-    ></FastSearch>
+        @on-select="handleSelect"
+    ></ProLayoutSiderSearch>
     <div v-show="collapsed" :list="menuList" class="menu-collapsed" >
       <template v-for="item in menuList">
         <ProLayoutSiderCollapsedMenu v-if="item.children && item.children.length > 0" :key="`drop-menu-${item.name}`"
@@ -69,7 +69,7 @@ import {deepCopy} from "@lambo-design/shared/utils/assist";
 import generatorMenuList from "@lambo-design/shared/utils/menu/index";
 import sider from '../utils/sider'
 import ProLayoutOtherMenu from "./pro-layout-other-menu";
-import FastSearch from "./search-fast";
+import ProLayoutSiderSearch from "./pro-layout-sider-search";
 import ProLayoutSiderMenuItem from './pro-layout-sider-menu-item'
 import ProLayoutSiderCollapsedMenu from './pro-layout-sider-collapsed-menu'
 import {
@@ -78,7 +78,6 @@ import {
   tagExists,isOpenBlank
 } from "@lambo-design/shared/utils/platform";
 import config from "@lambo-design/shared/config/config";
-import ajax from "@lambo-design/shared/utils/ajax";
 
 export default {
   name: "pro-layout-sider",
@@ -86,7 +85,7 @@ export default {
     ProLayoutSiderMenuItem,
     ProLayoutSiderCollapsedMenu,
     ProLayoutOtherMenu,
-    FastSearch
+    ProLayoutSiderSearch
   },
   props:{
     serverContext: {
@@ -232,49 +231,7 @@ export default {
           this.activeName = menu.name; // 设置当前菜单为激活状态
         }
       }
-      // this.$emit('on-select', name,uri,pid)
     },
-
-    handleSelect1(name, uri, pid) {
-      let menu = null;
-
-      if (name.indexOf("isTurnByHref_") > -1) {
-        name = name.replace("isTurnByHref_","");
-        menu = filterMenuUri(this.menuList,name);
-      } else {
-        menu = filterMenuName(this.menuList,name);
-      }
-
-      // 处理菜单的展开逻辑，与 uri 是否为空无关
-      if (menu && menu.meta && Array.isArray(menu.meta.crumbs)) {
-        let parentMenu = menu.meta.crumbs[0];
-        this.$set(this, 'selectedTopParent', parentMenu.name);
-      } else {
-        this.$set(this, 'selectedTopParent', menu.name);
-      }
-
-      // 如果 uri 为空，则不进行路由跳转和打开新标签的操作
-      if (!uri) {
-        // 根据 pid 判断是展开父菜单还是同时展开父菜单和当前菜单
-        if (pid === 0) {
-          // 如果 pid 为 0，表示是最外层菜单
-          this.openedNames = [this.getNameOrHref(menu)]; // 设置最外层菜单为展开状态
-        } else {
-          // 如果 pid 不等于 0，查找并打开对应的最外层父菜单
-          this.openedNames = [this.getTopParent(menu)]; // 设置最外层父菜单为展开状态
-          this.activeName = menu.name; // 设置当前菜单为激活状态
-        }
-      } else {
-        // 如果 uri 不为空，则可能需要进行路由跳转和打开新标签的操作
-        // 这里的逻辑取决于你的路由跳转和标签页打开的实现，需要你根据实际情况进行调整
-        this.openedNames = [this.getTopParent(menu)]; // 设置最外层父菜单为展开状态
-        this.activeName = menu.name; // 设置当前菜单为激活状态
-        this.$router.push(uri);
-
-      }
-    },
-
-
     getTopParent(menu) {
       return menu.parent ? this.getTopParent(menu.parent) : menu.name;
     },

package/src/components/pro-layout-tools-user.vue

@@ -39,6 +39,7 @@ export default {
       menuList: [],
       currentName: '',
       currentItem: {},
+      collectMenuList: [],
       isFullScreen:false,
       isCollected:false,
       rightTopOptButtonList: ['collect','fullScreen'],
@@ -104,7 +105,7 @@ export default {
       }
     },
     initCollectMenu(data){
-      this.collectMenuList = data;
+      this.collectMenuList = deepCopy(data);
     },
     changeCollectMenu(){
       this.isCollected = false
@@ -115,13 +116,7 @@ export default {
       Bus.$emit('user-action', name)
     },
     collectEvent(){
-      let data = {
-        meta: {
-          appId: this.currentItem.appId
-        },
-        permissionId: this.currentItem.permissionId
-      }
-      Bus.$emit('toggle-collect-menu',!this.isCollected,data)
+      Bus.$emit('toggle-collect-menu',!this.isCollected,this.currentItem)
     },
     handleKeyPress(event){
       // 按下 F11 键时触发全屏切换

package/src/index.vue

@@ -1,7 +1,7 @@
 <template>
   <i-layout class="pro-layout" :class="layoutClass">
     <i-header class="pro-layout-header">
-      <LamboProLayoutHeader @clickLogo="handleClick" @on-select="handleSelect"></LamboProLayoutHeader>
+      <LamboProLayoutHeader></LamboProLayoutHeader>
     </i-header>
     <i-layout>
       <i-sider
@@ -129,12 +129,6 @@ export default {
     }
   },
   methods: {
-    handleClick(){
-      this.$emit('clickLogo')
-    },
-    handleSelect(name){
-      this.$emit('on-select',name)
-    },
     initListener(){
       Bus.$on('trigger-change',(data)=>{
         this.triggerChange(data)
@@ -160,6 +154,9 @@ export default {
       Bus.$on('toggle-collect-menu',(actionType,data) => {
         this.toggleCollectMenu(actionType,data)
       })
+      Bus.$on('click-logo',()=>{
+        this.clickLogo();
+      })
     },
     destroyListener(){
       Bus.$off('trigger-change')
@@ -170,6 +167,7 @@ export default {
       Bus.$off('delete-history-menu')
       Bus.$off('delete-collect-menu')
       Bus.$off('toggle-collect-menu')
+      Bus.$off('click-logo')
     },
     initEmit(){
       //在这里改this.menuList
@@ -264,6 +262,9 @@ export default {
     },
     toggleCollectMenu(actionType,data){
       this.$emit('toggle-collect-menu',actionType,data);
+    },
+    clickLogo(){
+      this.$emit('click-logo')
     }
   },
   mounted(){

package/src/components/search-fast.vue

@@ -1,590 +0,0 @@
-<template>
-  <div class="search-fast-con">
-    <!--    <div class="search-fast-con-top" >-->
-    <!--      <Tooltip  v-if="searchType === 1" content="搜索菜单" placement="bottom">-->
-    <!--        <Icon  v-show="showSearchIcon" type="ios-search-outline" :size="23" @click.native="handleIconClick" id="searchIcon"></Icon>-->
-    <!--      </Tooltip>-->
-    <!--      <transition name="slide">-->
-    <!--        <div class="topInput"  id="modalTopInput" v-show="showTopInput" @click="handleTopClick">-->
-    <!--          <Input  v-model="searchTopText"   clearable placeholder="搜索菜单" ref="topInput"-->
-    <!--                  :border="false" style="width: 200px" @on-change="handleTopInput" @on-blur="handleTopBlur">-->
-    <!--            <template #prefix>-->
-    <!--              <Icon type="ios-search" size="23"/>-->
-    <!--            </template>-->
-    <!--          </Input>-->
-    <!--        </div>-->
-    <!--      </transition>-->
-    <!--      <Modal-->
-    <!--          v-model="searchTopModal"  class="search-fast-con-modal" footer-hide :closable="false" :mask="false" scrollable id="TopModalId"-->
-    <!--          :styles="{top: '55px',width: '350px'}">-->
-    <!--        <div class="sideCloseIcon" @click="handleCloseTopModal" style="text-align: right;margin-right: -6px;margin-top: -2px;padding-bottom: 3px">-->
-    <!--          <Icon type="ios-close-circle" size="18" />-->
-    <!--        </div>-->
-    <!--        <div class="modal-block1">-->
-    <!--          <div class="modal-title">-->
-    <!--            <Icon type="ios-apps-outline" size="19" color="red"/>-->
-    <!--            <span style="margin-left: 3px;font-size: 18px">菜单</span>-->
-    <!--          </div>-->
-    <!--          <div v-if="spinShowTop1">-->
-    <!--            <Spin size="large"  v-if="spinShowTop1" :show="spinShowTop1">-->
-    <!--              <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>-->
-    <!--              <div>加载中</div>-->
-    <!--            </Spin>-->
-    <!--          </div>-->
-    <!--          <div v-else class="modal-content">-->
-    <!--            <div v-for="(item,index) in menuData1"  :key="index" >-->
-    <!--              <div class="menu-side-style1" @click="handleSelect1(item)" @mouseenter="handleMouseEnter(index)" @mouseleave="handleMouseLeave(index)">-->
-    <!--                <div :style="getScrollingStyle(item.label)"  class="text" :class="{ 'scrolling': isHovered[index] && shouldScroll(item.label) }">-->
-    <!--                  <Icon :type="item.icon" />-->
-    <!--                  <span style="margin-left: 3px">{{ item.label }}</span>-->
-    <!--                </div>-->
-    <!--              </div>-->
-    <!--            </div>-->
-    <!--            <div v-if="menuData1.length === 0">-->
-    <!--              <span style="display: flex;justify-content: center;align-items: center;color: black">暂无数据</span>-->
-    <!--            </div>-->
-    <!--          </div>-->
-    <!--        </div>-->
-    <!--      </Modal>-->
-    <!--    </div>-->
-
-
-
-    <div class="search-fast-con-side" >
-      <div class="sideInput" @click="handleSideClick">
-        <Input v-if="searchType === 0" v-model="searchText" clearable id="modalInput"  placeholder="搜索菜单" font-size="8px"
-               @on-change="handleInput" :border="false" @on-blur="searchSideModal= false">
-          <template #prefix>
-            <Icon type="ios-search"  size="17"/>
-          </template>
-        </Input>
-      </div>
-      <Modal v-model="searchSideModal" class="search-fast-con-side-modal" footer-hide :closable="false" :mask="false"
-             scrollable :styles="{width: '255px'}" id="SideModalId" >
-        <div class="sideCloseIcon" @click="handleCloseModal" style="text-align: right;margin-right: -6px;margin-top: -2px;padding-bottom: 3px">
-          <Icon type="ios-close-circle" size="18" />
-        </div>
-        <div v-if="spinShow" style="height: 300px;font-size: 19px;">
-          <Spin size="large" :show="spinShow">
-            <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
-            <div>加载中</div>
-          </Spin>
-        </div>
-        <div v-else class="modal1-content">
-          <div v-for="(item,index) in menuData"  :key="index" >
-            <div class="menu-side-style" @click="handleSelect(item)" @mouseenter="handleMouseEnter(index)" @mouseleave="handleMouseLeave(index)">
-              <div :style="getScrollingStyle(item.label)"  class="text" :class="{ 'scrolling': isHovered[index] && shouldScroll(item.label) }">
-                <Icon :type="item.icon" style="margin-left: 10.6px" size="13"></Icon>
-                <span style="margin-left: 12.6px">{{ item.label }}</span>
-              </div>
-            </div>
-          </div>
-          <div v-if="menuData.length === 0">
-            <span style="display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 15px">暂无数据</span>
-          </div>
-        </div>
-      </Modal>
-    </div>
-  </div>
-</template>
-<script>
-
-import SearchMenu from "./search-list";
-import SearchList from "./search-list";
-import Bus from "@lambo-design/shared/utils/bus";
-import {deepCopy} from "@lambo-design/shared/utils/assist";
-import config from "@lambo-design/shared/config/config";
-import { mapActions } from 'vuex'
-import { debounce } from 'lodash';
-//import {getSessionStorage} from '@/libs/platformUtil';
-export default {
-  name: "FastSearch",
-  components: {SearchList, SearchMenu},
-  props: {
-    searchType: '',
-    menuList: {
-      type: Array,
-      default: () => []
-    },
-  },
-  data () {
-    return {
-      searchText:'',
-      appId:'',
-      searchTopText:'',
-      showTopInput:false,
-      option: [],
-      menuData:[],
-      menuData1:[],
-      noticeData:[],
-      isHovered: [],
-      select:'',
-      searchTopModal:false,
-      searchSideModal:false,
-      showSearchIcon:true,
-      maxWidth: 190,
-      spinShow:false,
-      spinShowTop1:false,
-      spinShowTop2:false,
-      originMenuList: [],
-      originMenuList1: []
-    }
-  },
-  // mounted() {
-  //   window.addEventListener("click", this.handleOutsideClick);
-  // },
-  // beforeDestroy() {
-  //   window.removeEventListener("click", this.handleOutsideClick);
-  // },
-  methods:{
-    initListener(){
-      Bus.$on('menu-list',(data)=>{
-        this.initMenu(data)
-      });
-    },
-    destroyListener(){
-      Bus.$off('menu-list')
-    },
-    initMenu(data){
-      this.originMenuList = deepCopy(data);
-      this.originMenuList1 = this.originMenuList.filter(menuItem => menuItem.type === 1 || menuItem.type === 2)
-          .map(menuItem => {
-            // 检查menuItem对象的icon属性是否为'icon'或'1'
-            if (menuItem.icon === 'icon' || menuItem.icon === '1'  || menuItem.icon === ''  ||  menuItem.icon === '11'   ||  menuItem.icon === '111'  ||  menuItem.icon === '22'           ) {
-              // 如果是，则修改icon属性为'ios-folder-open-outline'
-              menuItem.icon = 'ios-folder-open-outline';
-            }
-            return menuItem;
-          });
-    },
-
-    // handleOutsideClick(event) {
-    //   if(!document.getElementById("TopModalId").contains(event.target) && !document.getElementById("modalTopInput").contains(event.target)&&
-    //     !document.getElementById("searchIcon").contains(event.target)){
-    //     let clearButton = event.target.closest(".ivu-icon-ios-close-circle");
-    //     if(clearButton){
-    //       this.searchTopModal =false
-    //     }
-    //     else {
-    //       this.searchTopModal = false;
-    //       this.showTopInput = false;
-    //       setTimeout(() => {
-    //         this.showSearchIcon = true
-    //       }, 525);
-    //     }
-    //   }
-    // },
-
-    handleSelect(item){
-      this.$emit('on-select', item.name,item.uri,item.pid)
-      this.searchSideModal = false
-    },
-    // handleSelect1(item){
-    //   this.$emit('on-select', item.name,item.uri,item.pid)
-    //   this.searchTopModal = false
-    //   this.showTopInput = false
-    //   this.showSearchIcon = true
-    // },
-    handleNoticeSelect(e,f){
-      let self = this
-      self.$router.replace({
-        name: '消息通知预览',
-        query: {noticeId: e, confirmed: f,homeFlag:true}
-      })
-      self.searchTopModal = false
-    },
-
-    // handleInput() {
-    //   let self = this;
-    //   // 使用 filter 方法找到所有匹配的菜单项
-    //   const matchedMenuItems = self.originMenuList1.filter(menuItem => {
-    //     return menuItem.label === self.searchText;
-    //   });
-    //   // 选择数组的最后一个元素
-    //   self.menuData = matchedMenuItems.length > 0 ? [matchedMenuItems[matchedMenuItems.length - 1]] : [];
-    //   //console.log('menuData:', self.menuData);
-    // },
-    handleInput() {
-      let self = this;
-      self.searchSideModal = true
-      // console.log('originMenuList1',self.originMenuList1)
-      // 使用 filter 方法找到所有匹配的菜单项
-      const regex = new RegExp(this.searchText, "i");
-      self.menuData = self.originMenuList1.filter(menuItem => {
-        return menuItem.label.match(regex);
-      });
-      //console.log('menuData:', self.menuData);
-    },
-
-    handleTopInput() {
-      let self = this;
-      self.searchTopModal = true
-      // 使用 filter 方法找到所有匹配的菜单项
-      const regex = new RegExp(this.searchTopText, "i");
-      self.menuData1 = self.originMenuList1.filter(menuItem => {
-        return menuItem.label.match(regex);
-      });
-      //console.log('menuData:', self.menuData);
-    },
-    handleSideClick(){
-      let self= this
-      // console.log('searchText:'+self.searchText)
-      if(self.searchText){
-        self.searchSideModal = true
-      }
-      self.handleInput()
-      //self.handleSelect(self.menuData[0])
-    },
-    handleIconClick(){
-      let self = this
-      self.showTopInput = true
-      self.showSearchIcon = false
-      self.searchTopModal = false
-    },
-    handleTopClick(){
-      let self= this
-      if(self.searchTopText){
-        self.searchTopModal = true
-      }
-      self.handleTopInput()
-      self.showTopInput=true
-      //self.handleSelect(self.menuData[0])
-    },
-    handleTopBlur(){
-      let self = this
-      self.searchTopModal = false
-      self.showTopInput = true;
-      self.showSearchIcon = true
-
-    },
-    handleMouseEnter(index) {
-      this.$set(this.isHovered, index, true); // 将当前菜单项设置为被悬停状态
-    },
-    handleMouseLeave(index) {
-      this.$set(this.isHovered, index, false); // 将当前菜单项设置为非悬停状态
-    },
-    shouldScroll(text) {
-      const span = document.createElement("span");
-      span.style.fontSize = "15px"; // 根据实际情况设置字体大小
-      span.textContent = text;
-      document.body.appendChild(span);
-      const shouldScroll = span.offsetWidth  > this.maxWidth;
-      document.body.removeChild(span);
-      return shouldScroll;
-    },
-    getScrollingStyle(text) {
-      const span = document.createElement("span");
-      span.style.fontSize = "15px"; // 根据实际情况设置字体大小
-      span.textContent = text;
-      document.body.appendChild(span);
-      let scrollDistance = span.offsetWidth  - this.maxWidth;
-      document.body.removeChild(span);
-      if (scrollDistance > 0) {
-        scrollDistance += 15
-        return {
-          "--scroll-distance": `-${scrollDistance}px`,
-        };
-      }
-      else{
-        return{
-          "--scroll-duration": `0s`,
-        }
-      }
-    },
-    handleCloseModal(){
-      let self = this
-      this.searchSideModal = false
-    },
-    handleCloseTopModal(){
-      let self = this
-      this.searchTopModal = false
-    }
-  },
-  created(){
-    this.initListener();
-  },
-  beforeDestroy(){
-    this.destroyListener();
-  }
-}
-</script>
-
-<style lang="less" >
-@import "@lambo-design/shared/config/themes/blue/blue.less";
-@import "@lambo-design/shared/config/themes/default/default.less";
-@import "@lambo-design/shared/config/themes/gold/gold.less";
-@import "@lambo-design/shared/config/themes/atrovirens/atrovirens.less";
-@import "@lambo-design/shared/config/themes/eap/eap.less";
-@import "@lambo-design/shared/config/themes/lime/lime.less";
-@import "@lambo-design/shared/config/themes/orange/orange.less";
-@import "@lambo-design/shared/config/themes/red/red.less";
-.search-fast-con-top .ivu-tooltip-rel {
-  float: left;
-  height: 64px;
-  line-height: 56px;
-  margin-top: 3px;
-  margin-right: -1000px;
-  i {
-    cursor: pointer;
-  }
-}
-//.ivu-tooltip-popper[x-placement^="bottom"]{
-//  margin-top: -1000px;
-//}
-.search-fast-con-modal .ivu-modal{
-  width: 350px;
-  height: 200px;
-  margin-right: 800px;
-  margin-left: 500px;
-}
-.search-fast-con-side-modal .ivu-modal{
-  padding-top: 1px;
-  margin-left: 0px;
-  margin-top: 1px;
-}
-.search-fast-con-side-modal .ivu-modal-content{
-  background-color: var(--menu-dark-active-bg  ,@menu-dark-active-bg );
-  width: 218px;
-  margin-top: -18px;
-  height: 270px;
-}
-.search-fast-con-modal .ivu-modal-content{
-  width: 350px;
-  height: 200px;
-  margin-right: 1px;
-}
-
-.modal-title{
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: #333333;
-  font-size: 17px;
-}
-//.line{
-//  border-top: 1px solid lightgray;
-//  margin:10px
-//}
-.more-content{
-  margin-left: 140px;
-  margin-top: 15px;
-  a{font-size:14px;color:#999;font-family: Microsoft YaHei-Regular, Microsoft YaHei;}
-}
-.search-fast-con-side{
-  width: 97%;
-  position: absolute;
-  top: 0px;
-  z-index: 2000;
-  //background: #22262f;
-}
-.search-fast-con-side .ivu-input{
-  font-size: 13px;
-  margin-top: -4px;
-  width: 228.5px;
-  height: 40px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  border: none;
-  background-color: var(--legend-color ,@legend-color);//修改这里
-  text-align:left; /* 确保文本默认左对齐 */
-  color: var(--avatar-color  ,@avatar-color );
-  padding-right: 99px;
-  padding-left: 58px;
-}
-.search-fast-con-side-modal .ivu-modal-body .modal1-content {
-  padding-top: 6px;
-  padding-left: 10px;
-  height: 270px;
-  width: 211px;
-  margin-left: -13px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color:  var(--menu-dark-active-bg  ,@menu-dark-active-bg );
-  -ms-overflow-style: none;  /* Internet Explorer 10+ */
-  scrollbar-width: none;  /* Firefox */
-}
-.search-fast-con-side-modal .ivu-modal-body .modal1-content::-webkit-scrollbar {
-  display: none;  /* Chrome, Safari 和 Opera */
-}
-
-
-.search-fast-con-modal .ivu-modal-body{
-  height: 280px;
-  padding: 16px;
-  font-size: var(--font-size-base, 14px);
-  line-height: 1.5;
-  margin-top: 55px;
-  background-color: white;
-  overflow: hidden !important;
-  scrollbar-width: none !important;
-}
-.search-fast-con-modal .ivu-modal-body .modal-content {
-  padding-top: 6px;
-  height: 200px;
-  width: 350px;
-  margin-right: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: white;
-  -ms-overflow-style: none !important;  /* Internet Explorer 10+ */
-  scrollbar-width: none !important;  /* Firefox */
-}
-.search-fast-con-modal .ivu-modal-body ::-webkit-scrollbar {
-  display: none !important;  /* Chrome, Safari 和 Opera */
-}
-
-.v-transfer-dom ::-webkit-scrollbar {
-  display: none;  /* Chrome, Safari 和 Opera */
-  overflow: hidden !important;
-}
-.v-transfer-dom{
-  -ms-overflow-style: none;  /* Internet Explorer 10+ */
-  scrollbar-width: none;  /* Firefox */
-  overflow: hidden !important;
-}
-
-
-search-fast-con-side-modal .ivu-modal-body{
-  height: 250px;
-  padding: 16px;
-  font-size: var(--font-size-base, 14px);
-  line-height: 1.5;
-  margin-top: -2px;
-  //background-color: white;
-
-}
-// .search-fast-con-side .sideCloseIcon{
-//   text-align: right;
-// }
-.search-fast-con-side .ivu-icon-ios-search:before {
-  margin-right: -54px; /* 向右移动10像素 */
-  //color: rgba(42, 97 ,200);
-  color: var(--avatar-color  ,@avatar-color );
-  line-height: 1.6
-}
-.search-fast-con-top .ivu-icon-ios-search-outline:before {
-  //margin-right: -1000px;
-  color: rgba(255, 255, 255,0.7);
-  position: fixed; /* 使用fixed定位 */
-  right: 180px; /* 设置距离浏览器窗口右侧边缘的距离 */
-  margin-right: 0;
-  top:15px;
-}
-.search-fast-con-top .ivu-icon-ios-search:before {
-  color: rgba(255, 255, 255,0.7);
-}
-.search-fast-con-side .ivu-input::placeholder{
-  font-size: 13px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  // color: rgba(42, 97 ,200)!important;
-  color: var(--avatar-color  ,@avatar-color ) !important;;
-
-}
-.search-fast-con-top .ivu-input {
-  font-size: 15px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: rgba(255, 255, 255,0.7);
-  border: none;
-  background-color: transparent;
-}
-.search-fast-con-top .ivu-input::placeholder{
-  font-size: 15px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: rgba(255, 255, 255,0.7)!important;
-}
-//.modal1-content {
-//  overflow-x: hidden;
-//  overflow-y: auto;
-//  height: 270px;
-//}
-.modal-content {
-  overflow-x: hidden;
-  overflow-y: auto;
-  height: 210px;
-  background-color: white;
-  width: 273px;
-}
-.menu-side-style{
-  font-size: 14px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  width: 200px;
-  color:#EBEBEB;
-  margin-top: 8px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.menu-side-style1{
-  font-size: 16px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  width: 200px;
-  color:black;
-  margin-top: 10px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.menu-side-style:hover {
-  overflow: visible;
-  cursor: pointer;
-  color: red;
-}
-.menu-side-style1:hover {
-  overflow: visible;
-  cursor: pointer;
-  color: red;
-}
-.sideInput{
-  width: 221px;
-  transform: translateX(-13px);
-}
-.topInput{
-  float: right;
-  position: relative;
-  z-index: 1000;
-  margin-top: 0px;
-  margin-left: 10px;
-}
-.slide-enter-active,
-.slide-leave-active{
-  transition: transform 0.5s;
-}
-.slide-enter{
-  transform: translateX(100%);
-}
-.slide-leave-to{
-  transform: translateX(175px);
-}
-.text {
-  display: inline-block;
-}
-.text.scrolling {
-  animation: scrollText linear infinite;
-  animation-duration: 2s; /* 调整滚动速度和持续时间 */
-}
-
-@keyframes scrollText {
-  0% {
-    transform: translateX(0);
-  }
-  100% {
-    transform: translateX(var(--scroll-distance, 0)); /* 调整滚动的距离 */
-  }
-}
-
-.menu-side-style:hover .text {
-  animation-play-state: running;
-}
-.demo-spin-icon-load{
-  animation: ani-demo-spin 1s linear infinite;
-}
-@keyframes ani-demo-spin {
-  from { transform: rotate(0deg);}
-  50%  { transform: rotate(180deg);}
-  to   { transform: rotate(360deg);}
-}
-</style>

package/src/components/search-list.vue

@@ -1,84 +0,0 @@
-<template>
-  <div v-if="listType === 0" >
-      <div v-for="(item,index) in menuData" v-if='index < 3' :key="index" >
-        <div class="menu-style" @click="handleMenuClick(item)">
-          <Icon :type="item.icon" />
-          <span class="label-style">{{ item.label }}</span>
-          <br>
-          <span class="path-style">{{item.pidLabel}}>{{item.label}}</span>
-        </div>
-      </div>
-    <div v-if="menuData.length === 0">
-      <span style="display: flex;justify-content: center;align-items: center;font-size: 15px">暂无数据</span>
-    </div>
-  </div>
-
-
-  <div v-else-if="listType === 1">
-    <div v-for="(item,index) in noticeData" v-if='index < 3' :key="index" >
-      <div class="menu-style" @click="handleNoticeClick(item.noticeId,item.isConfirmed)">
-        <Icon type="md-volume-up" />
-        <span class="label-style">{{item.noticeTitle}}</span>
-        <br>
-        <span class="path-style">{{item.releaseTime}}</span>
-      </div>
-    </div>
-    <div v-if="noticeData.length === 0">
-      <span style="display: flex;justify-content: center;align-items: center;font-size: 15px">暂无数据</span>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "SearchList",
-  props: {
-    listType:'',
-    menuData:[],
-    noticeData:[]
-  },
-  data() {
-    return {
-    }
-  },
-  methods:{
-    handleMenuClick(item){
-      this.$emit('modal-select',item)
-    },
-    handleNoticeClick(e,f){
-      this.$emit('modal-select',e,f)
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.menu-style {
-  margin: 5px;
-  font-size: 16px;
-  display: inline-block;
-  cursor: pointer;
-}
-.menu-style:hover,
-.menu-style:hover .label-style,
-.menu-style:hover .path-style{
-  color:red ;
-}
-.label-style{
-  height: 13px;
-  font-size: 14px;
-  font-family: Microsoft YaHei;
-  font-weight: 500;
-  margin-left: 5px;
-  color: #333333;
-  line-height: 18px;
-}
-.path-style{
-  height: 13px;
-  font-size: 14px;
-  font-family: Microsoft YaHei;
-  font-weight: 500;
-  color: #999999;
-  line-height: 18px;
-}
-</style>