diff --git a/src/assets/icons/event_simulation.svg b/src/assets/icons/event_simulation.svg
new file mode 100644
index 0000000..1e163f3
--- /dev/null
+++ b/src/assets/icons/event_simulation.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">  <image id="image0" width="36" height="36" x="0" y="0"
+    xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo
+AAB1MAAA6mAAADqYAAAXcJy6UTwAAAJqUExURQzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
+ygzsygzsygzsygzsygzsyv///7R4D+kAAADMdFJOUwAHFEWHuNfl6t3Ck1QaCjiY5Prx5uDu+KpK
+EDGbmWREHwsJPV+My/yxRwEEaevAbBEeO0glXLKBEo/pejV1ptL9/vLZr38CYyCgyjwFfuHsnim9
+IZEnmr4TF6WwFsYmLtX1q+dykiLHUngZuzRVxDoVWJ9hBpxrp0kdXfsrQ5D0v7MOdH1qNxsk77xO
+udzbLAgM3zDw7fakwd6A92ZAbczDiqh7TPleUQNzaItB1rdlOa5ZbjMPS455V9o/0KlnrOKirYmD
+Dcm0z4hCxVWxB0EAAAABYktHRM1t0KNFAAAAB3RJTUUH6QgOBTskK0oVGgAAAqp6VFh0UmF3IHBy
+b2ZpbGUgdHlwZSB4bXAAADiNnVVJktswDLzjFXkCBYAA+RzZEm+pyjHPTwPUeJE9k0ysMi2TYHdj
+I+n3z1/0Iz7dG8lVhjcvtpjYxaorF2Or5tZtl415H5fLZTBjvpvGTHWpuknRzYsKbJt10uarY2MV
+X3WvavgFoAg2McuQnYtcvcnqzbDRtiCzhUv8t6vtLrFGwQA1aiN0yDoXbuap5A6DuUvs0NsOLrXp
+VgtxiBueU2K8S+ENegoeQIhLx9wiJorHsHrFLEt+eeC3YlyEibc0WzGlGBdxLqeHD/cYKmBZWVXt
+5BpTLoZ7zRVPkRXuDM8P7w4r3lOxJ3OPJ5UwRsa4TQIocnHkJyLiDW6BIdafVUACUoVEsPWMVEeE
+YPGxbgshYMMR2FA1A/uYiwjwq94k2+8pwrsQXje40qAngrdkuMcZElvkTQAKJLBdw3ma3ochxoqN
+NVIfroJ1Ai+vwFOrbijLA56+FvxeLwC3MzgBXVxrNMWb7P07OEXbODIBoxFwLhl8xoY64SOHkzvg
+NTJXAaJRFDUIhl1lo1O5FzTgSCPJt5J1HKwA41azlcMeZSbc7xT0xFFV5284eTRCRe0XaTn2qihK
+zT6o2QfGl1iVlaKrnqRvFjnsZt6/AduhSATSD9w3sHkK2IRcPoemV+z30FmSq1n23RZwmeMe7zgE
+K0V9Inx+15Fltmr0n6SaSHlVOBpbpw3KoOd5uYrpAmK41sBpcXyIKo5JvC0ghzIYVIkjo0oDSMMW
+jIpd2dUnYtJIvfitMV6Y9Zn5IOYzMf2d+ePUfnA7DpU4UAzk+IP3QSj38tAkq30zNqkQBU7/FZtH
+4iM09M3YlM+I6Qvm407j8fWBO63objZvh9vmlytxrry5l2u0cV6QUY1xp9IfjK7HQyPx0hgAAAL/
+SURBVDjLbZP5P5NxHMA/5JhrsrlSwlZmm605kmM2c8w1I1fkTsi9kCykdEhpIkejlCK6dSwdOiRR
+ff6o9ux4nod8fvm+Pu/n/f0+n+fz+T4AVNjY7rKzd3BkODm7uLoxYadguu/2QBbb08vLw9sH2b57
+/P539u5DdPDfHxAYxHHjHjgYzMMQvmCrIgwVofiQBCAsnB/BjTSSw1GIR6LpjiQGY+MkII2XydkJ
+isSk5JQAUKbK0TeNcqLTMSMTVFlqJCM7RwJHQzA3j/yqfBQXGJdCpMWxIoDi41hSapFCWWXlxFpR
+STlVEUTVtifQTmVypOzqcLN9kpJqlCZSW8c6RaycHEW95ciGRqvj1GRBzawW4oWtKNZYqzvtY3bI
+bQBt2C6AjjO8TpJwzpqluloSdVWVMcG22kFLNcOdQTiscxRRRnX3QC/609t6vu+CvehiP41cUlwG
+u+4rdKn4qnag4hqddA2K4Tr7xpYpNg/ldm4ZrFZ9E3SOw3TUyTaWVEMnSrkIYtUDytJSjSmKb43U
+EYWP3lYWayyIAy1jkD3K7GWMM0wxMel2h5D0w1MsMxFN3wUxG/QeDfemrY1mVMwkGJdCTQs5n1C4
+nw0PvMMjdSRKt53Vqx82PCIBb65D7wUu849VIdRgY4RNrR2hE2SeVCsdr4MFnIUpSioMAlh8QuVt
+gqe8Z9AwHjzyfMzKXpj6OPLSmitegQyXwOY1642NzArfWrossuQZ0e9ElQYQvMcS4Fab2ZDl9xD6
+m/O+/bCMH4z3zxDCaxek8Ezso7XN0k8mSSb8nK0LJAB/fqUAvpirJIeRpSCulR8zivfVPJwpTC5S
+fUvA71xqYm4ZRkfbEYOrlmuj+YGyaJiNXaPPNZUxKVn8iSvlVpCWi8lhwK+lS4Y5WM9HXRNF8pLx
+1wJsi8wN3JTSgeY38lbn6KR1mYGrBVu3CV2dcWwjviuMSEr/zPh6on6mf/vhoGl3TlAMqldanDdH
+x7tRXh8IO8V6T1yjjjGWKBr9u7ZkWKQe/AMAQHsqlEEGjgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAy
+NS0wOC0xNFQwNTo1OTozNiswMDowMGARDTEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDgtMTRU
+MDU6NTk6MzYrMDA6MDARTLWNAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTA4LTE0VDA1OjU5
+OjM2KzAwOjAwRlmUUgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index 982bb7c..0f2681f 100644
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@@ -106,8 +106,8 @@ function goHome() {
 
 .jeecg-layout-header-logo {
   height: 74px !important;
-  min-width: 192px;
-  padding: 0 10px;
+  width: 342px !important;
+  padding: 0 0 0 8px;
   font-size: 14px;
 }
 
diff --git a/src/components/Icon/src/IconPicker.vue b/src/components/Icon/src/IconPicker.vue
index d724642..ae47ff4 100644
--- a/src/components/Icon/src/IconPicker.vue
+++ b/src/components/Icon/src/IconPicker.vue
@@ -1,231 +1,234 @@
 <template>
-  <a-input
-      :class="prefixCls"
-      :value="currentSelect"
-      readOnly
-      :disabled="disabled"
-      :placeholder="t('component.icon.placeholder')"
-      :style="{ width }"
-      @click="currentSelectClick"
-  >
+  <a-input :class="prefixCls" :value="currentSelect" readOnly :disabled="disabled"
+    :placeholder="t('component.icon.placeholder')" :style="{ width }" @click="currentSelectClick">
     <template #addonAfter>
       <span class="cursor-pointer px-2 py-1 flex items-center" v-if="isSvgMode && currentSelect">
-        <SvgIcon :name="currentSelect" @click="currentSelectClick"/>
+        <SvgIcon :name="currentSelect" @click="currentSelectClick" />
       </span>
       <Icon v-else :icon="currentSelect || 'ion:apps-outline'" :class="['px-2 py-1', {
-          'cursor-pointer': !disabled,
-          'cursor-not-allowed': disabled,
-        }]"
-        @click="currentSelectClick"
-      />
+        'cursor-pointer': !disabled,
+        'cursor-not-allowed': disabled,
+      }]" @click="currentSelectClick" />
     </template>
   </a-input>
-  <a-modal :bodyStyle="{ padding: '24px', paddingTop: mode === 'svg' ? '48px' : '24px'}" v-bind="$attrs" v-model:open="iconOpen" :keyboard="false" :width="800" @ok="handleOk" :ok-text="t('common.okText')" :cancel-text="t('common.cancelText')">
+  <a-modal :bodyStyle="{ padding: '24px', paddingTop: mode === 'svg' ? '48px' : '24px' }" v-bind="$attrs"
+    v-model:open="iconOpen" :keyboard="false" :width="800" @ok="handleOk" :ok-text="t('common.okText')"
+    :cancel-text="t('common.cancelText')">
     <template v-if="mode === 'iconify'">
       <a-tabs style="padding-left: 15px;padding-right: 15px">
         <a-tab-pane tab="方向性图标" key="1">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="directionIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="directionIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="指示性图标" key="2">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="suggestionIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="suggestionIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="编辑类图标" key="3">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="editIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="editIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="数据类图标" key="4">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="dataIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="dataIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="网站通用图标" key="5">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="webIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="webIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="品牌和标识" key="6">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="logoIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
+              :current-list="logoIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
         <a-tab-pane tab="其他" key="7">
           <a-form-item-rest>
-            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true" :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
+            <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true"
+              :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
           </a-form-item-rest>
         </a-tab-pane>
       </a-tabs>
     </template>
     <template v-else>
-      <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true" :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
+      <icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true"
+        :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
     </template>
   </a-modal>
 </template>
 <script lang="ts" setup name="icon-picker">
-  import { ref, watchEffect, watch, unref, onMounted } from 'vue';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { Input } from 'ant-design-vue';
-  import Icon from './Icon.vue';
-  import SvgIcon from './SvgIcon.vue';
+import { ref, watchEffect, watch, unref, onMounted } from 'vue';
+import { useDesign } from '/@/hooks/web/useDesign';
+import { Input } from 'ant-design-vue';
+import Icon from './Icon.vue';
+import SvgIcon from './SvgIcon.vue';
 
-  import iconsData from '../data/icons.data';
-  import { propTypes } from '/@/utils/propTypes';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import svgIcons from 'virtual:svg-icons-names';
-  import IconList from "./IconList.vue";
+import iconsData from '../data/icons.data';
+import { propTypes } from '/@/utils/propTypes';
+import { useI18n } from '/@/hooks/web/useI18n';
+import svgIcons from 'virtual:svg-icons-names';
+import IconList from "./IconList.vue";
 
-  // 没有使用别名引入，是因为WebStorm当前版本还不能正确识别，会报unused警告
-  const AInput = Input;
+// 没有使用别名引入，是因为WebStorm当前版本还不能正确识别，会报unused警告
+const AInput = Input;
 
-  function getIcons() {
-    const data = iconsData as any;
-    const prefix: string = data?.prefix ?? '';
-    let result: string[] = [];
-    if (prefix) {
-      result = (data?.icons ?? []).map((item) => `${prefix}:${item}`);
-    } else if (Array.isArray(iconsData)) {
-      result = iconsData as string[];
-    }
-    return result;
+function getIcons() {
+  const data = iconsData as any;
+  const prefix: string = data?.prefix ?? '';
+  let result: string[] = [];
+  if (prefix) {
+    result = (data?.icons ?? []).map((item) => `${prefix}:${item}`);
+  } else if (Array.isArray(iconsData)) {
+    result = iconsData as string[];
   }
+  return result;
+}
 
-  function getSvgIcons() {
-    return svgIcons.map((icon) => icon.replace('icon-', ''));
+function getSvgIcons() {
+  return svgIcons.map((icon) => icon.replace('icon-', ''));
+}
+
+const props = defineProps({
+  value: propTypes.string,
+  width: propTypes.string.def('100%'),
+  copy: propTypes.bool.def(false),
+  mode: propTypes.oneOf<('svg' | 'iconify')[]>(['svg', 'iconify']).def('iconify'),
+  disabled: propTypes.bool.def(false),
+  clearSelect: propTypes.bool.def(false),
+  iconPrefixSave: propTypes.bool.def(true),
+});
+
+const emit = defineEmits(['change', 'update:value']);
+console.log('props.mode', props.mode)
+const isSvgMode = props.mode === 'svg';
+const icons = isSvgMode ? getSvgIcons() : getIcons();
+
+const selectIcon = ref('');
+const currentSelect = ref('');
+
+const { t } = useI18n();
+const { prefixCls } = useDesign('icon-picker');
+
+//update-begin---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
+const iconOpen = ref<boolean>(false);
+//方向性图标
+const directionIcons = ['ant-design:step-backward-outlined', 'ant-design:step-forward-outlined', 'ant-design:fast-backward-outlined', 'ant-design:fast-forward-outlined', 'ant-design:shrink-outlined', 'ant-design:arrows-alt-outlined', 'ant-design:down-outlined', 'ant-design:up-outlined', 'ant-design:left-outlined', 'ant-design:right-outlined', 'ant-design:caret-up-outlined', 'ant-design:caret-down-outlined', 'ant-design:caret-left-outlined', 'ant-design:caret-right-outlined', 'ant-design:up-circle-outlined', 'ant-design:down-circle-outlined', 'ant-design:left-circle-outlined', 'ant-design:right-circle-outlined', 'ant-design:double-right-outlined', 'ant-design:double-left-outlined', 'ant-design:vertical-left-outlined', 'ant-design:vertical-right-outlined', 'ant-design:forward-outlined', 'ant-design:backward-outlined', 'ant-design:rollback-outlined', 'ant-design:enter-outlined', 'ant-design:retweet-outlined', 'ant-design:swap-outlined', 'ant-design:swap-left-outlined', 'ant-design:swap-right-outlined', 'ant-design:arrow-up-outlined', 'ant-design:arrow-down-outlined', 'ant-design:arrow-left-outlined', 'ant-design:arrow-right-outlined', 'ant-design:play-circle-outlined', 'ant-design:up-square-outlined', 'ant-design:down-square-outlined', 'ant-design:left-square-outlined', 'ant-design:right-square-outlined', 'ant-design:login-outlined', 'ant-design:logout-outlined', 'ant-design:menu-fold-outlined', 'ant-design:menu-unfold-outlined', 'ant-design:border-bottom-outlined', 'ant-design:border-horizontal-outlined', 'ant-design:border-inner-outlined', 'ant-design:border-left-outlined', 'ant-design:border-right-outlined', 'ant-design:border-top-outlined', 'ant-design:border-verticle-outlined', 'ant-design:pic-center-outlined', 'ant-design:pic-left-outlined', 'ant-design:pic-right-outlined', 'ant-design:radius-bottomleft-outlined', 'ant-design:radius-bottomright-outlined', 'ant-design:radius-upleft-outlined', 'ant-design:radius-upright-outlined', 'ant-design:fullscreen-outlined', 'ant-design:fullscreen-exit-outlined']
+//提示建议性图标
+const suggestionIcons = ['ant-design:question-outlined', 'ant-design:question-circle-outlined', 'ant-design:plus-outlined', 'ant-design:plus-circle-outlined', 'ant-design:pause-outlined', 'ant-design:pause-circle-outlined', 'ant-design:minus-outlined', 'ant-design:minus-circle-outlined', 'ant-design:plus-square-outlined', 'ant-design:minus-square-outlined', 'ant-design:info-outlined', 'ant-design:info-circle-outlined', 'ant-design:exclamation-outlined', 'ant-design:exclamation-circle-outlined', 'ant-design:close-outlined', 'ant-design:close-circle-outlined', 'ant-design:close-square-outlined', 'ant-design:check-outlined', 'ant-design:check-circle-outlined', 'ant-design:check-square-outlined', 'ant-design:clock-circle-outlined', 'ant-design:warning-outlined', 'ant-design:issues-close-outlined', 'ant-design:stop-outlined']
+//编辑类图标
+const editIcons = ['ant-design:edit-outlined', 'ant-design:form-outlined', 'ant-design:copy-outlined', 'ant-design:scissor-outlined', 'ant-design:delete-outlined', 'ant-design:snippets-outlined', 'ant-design:diff-outlined', 'ant-design:highlight-outlined', 'ant-design:align-center-outlined', 'ant-design:align-left-outlined', 'ant-design:align-right-outlined', 'ant-design:bg-colors-outlined', 'ant-design:bold-outlined', 'ant-design:italic-outlined', 'ant-design:underline-outlined', 'ant-design:strikethrough-outlined', 'ant-design:redo-outlined', 'ant-design:undo-outlined', 'ant-design:zoom-in-outlined', 'ant-design:zoom-out-outlined', 'ant-design:font-colors-outlined', 'ant-design:font-size-outlined', 'ant-design:line-height-outlined', 'ant-design:dash-outlined', 'ant-design:small-dash-outlined', 'ant-design:sort-ascending-outlined', 'ant-design:sort-descending-outlined', 'ant-design:drag-outlined', 'ant-design:ordered-list-outlined', 'ant-design:radius-setting-outlined']
+//数据类图标
+const dataIcons = ['ant-design:area-chart-outlined', 'ant-design:pie-chart-outlined', 'ant-design:bar-chart-outlined', 'ant-design:dot-chart-outlined', 'ant-design:line-chart-outlined', 'ant-design:radar-chart-outlined', 'ant-design:heat-map-outlined', 'ant-design:fall-outlined', 'ant-design:rise-outlined', 'ant-design:stock-outlined', 'ant-design:box-plot-outlined', 'ant-design:fund-outlined', 'ant-design:sliders-outlined']
+//站通用图标
+const webIcons = ['ant-design:lock-outlined', 'ant-design:unlock-outlined', 'ant-design:bars-outlined', 'ant-design:book-outlined', 'ant-design:calendar-outlined', 'ant-design:cloud-outlined', 'ant-design:cloud-download-outlined', 'ant-design:code-outlined', 'ant-design:copy-outlined', 'ant-design:credit-card-outlined', 'ant-design:delete-outlined', 'ant-design:desktop-outlined', 'ant-design:download-outlined', 'ant-design:ellipsis-outlined', 'ant-design:file-outlined', 'ant-design:file-text-outlined', 'ant-design:file-unknown-outlined', 'ant-design:file-pdf-outlined', 'ant-design:file-word-outlined', 'ant-design:file-excel-outlined', 'ant-design:file-jpg-outlined', 'ant-design:file-ppt-outlined', 'ant-design:file-markdown-outlined', 'ant-design:file-add-outlined', 'ant-design:folder-outlined', 'ant-design:folder-open-outlined', 'ant-design:folder-add-outlined', 'ant-design:hdd-outlined', 'ant-design:frown-outlined', 'ant-design:meh-outlined', 'ant-design:smile-outlined', 'ant-design:inbox-outlined', 'ant-design:laptop-outlined', 'ant-design:appstore-outlined', 'ant-design:link-outlined', 'ant-design:mail-outlined', 'ant-design:mobile-outlined', 'ant-design:notification-outlined', 'ant-design:paper-clip-outlined', 'ant-design:picture-outlined', 'ant-design:poweroff-outlined', 'ant-design:reload-outlined', 'ant-design:search-outlined', 'ant-design:setting-outlined', 'ant-design:share-alt-outlined', 'ant-design:shopping-cart-outlined', 'ant-design:tablet-outlined', 'ant-design:tag-outlined', 'ant-design:tags-outlined', 'ant-design:to-top-outlined', 'ant-design:upload-outlined', 'ant-design:user-outlined', 'ant-design:video-camera-outlined', 'ant-design:home-outlined', 'ant-design:loading-outlined', 'ant-design:loading-3-quarters-outlined', 'ant-design:cloud-upload-outlined', 'ant-design:star-outlined', 'ant-design:heart-outlined', 'ant-design:environment-outlined', 'ant-design:eye-outlined', 'ant-design:camera-outlined', 'ant-design:save-outlined', 'ant-design:team-outlined', 'ant-design:solution-outlined', 'ant-design:phone-outlined', 'ant-design:filter-outlined', 'ant-design:exception-outlined', 'ant-design:export-outlined', 'ant-design:customer-service-outlined', 'ant-design:qrcode-outlined', 'ant-design:scan-outlined', 'ant-design:like-outlined', 'ant-design:dislike-outlined', 'ant-design:message-outlined', 'ant-design:pay-circle-outlined', 'ant-design:calculator-outlined', 'ant-design:pushpin-outlined', 'ant-design:bulb-outlined', 'ant-design:select-outlined', 'ant-design:switcher-outlined', 'ant-design:rocket-outlined', 'ant-design:bell-outlined', 'ant-design:disconnect-outlined', 'ant-design:database-outlined', 'ant-design:compass-outlined', 'ant-design:barcode-outlined', 'ant-design:hourglass-outlined', 'ant-design:key-outlined', 'ant-design:flag-outlined', 'ant-design:layout-outlined', 'ant-design:printer-outlined', 'ant-design:sound-outlined', 'ant-design:usb-outlined', 'ant-design:skin-outlined', 'ant-design:tool-outlined', 'ant-design:sync-outlined', 'ant-design:wifi-outlined', 'ant-design:car-outlined', 'ant-design:schedule-outlined', 'ant-design:user-add-outlined', 'ant-design:user-delete-outlined', 'ant-design:usergroup-add-outlined', 'ant-design:usergroup-delete-outlined', 'ant-design:man-outlined', 'ant-design:woman-outlined', 'ant-design:shop-outlined', 'ant-design:gift-outlined', 'ant-design:idcard-outlined', 'ant-design:medicine-box-outlined', 'ant-design:red-envelope-outlined', 'ant-design:coffee-outlined', 'ant-design:copyright-outlined', 'ant-design:trademark-outlined', 'ant-design:safety-outlined', 'ant-design:wallet-outlined', 'ant-design:bank-outlined', 'ant-design:trophy-outlined', 'ant-design:contacts-outlined', 'ant-design:global-outlined', 'ant-design:shake-outlined', 'ant-design:api-outlined', 'ant-design:fork-outlined', 'ant-design:dashboard-outlined', 'ant-design:table-outlined', 'ant-design:profile-outlined', 'ant-design:alert-outlined', 'ant-design:audit-outlined', 'ant-design:branches-outlined', 'ant-design:build-outlined', 'ant-design:border-outlined', 'ant-design:crown-outlined', 'ant-design:experiment-outlined', 'ant-design:fire-outlined', 'ant-design:money-collect-outlined', 'ant-design:property-safety-outlined', 'ant-design:read-outlined', 'ant-design:reconciliation-outlined', 'ant-design:rest-outlined', 'ant-design:security-scan-outlined', 'ant-design:insurance-outlined', 'ant-design:interation-outlined', 'ant-design:safety-certificate-outlined', 'ant-design:project-outlined', 'ant-design:thunderbolt-outlined', 'ant-design:block-outlined', 'ant-design:cluster-outlined', 'ant-design:deployment-unit-outlined', 'ant-design:dollar-outlined', 'ant-design:euro-outlined', 'ant-design:pound-outlined', 'ant-design:file-done-outlined', 'ant-design:file-exclamation-outlined', 'ant-design:file-protect-outlined', 'ant-design:file-search-outlined', 'ant-design:file-sync-outlined', 'ant-design:gateway-outlined', 'ant-design:gold-outlined', 'ant-design:robot-outlined', 'ant-design:shopping-outlined']
+//品牌和标识网
+const logoIcons = ['ant-design:android-outlined', 'ant-design:apple-outlined', 'ant-design:windows-outlined', 'ant-design:ie-outlined', 'ant-design:chrome-outlined', 'ant-design:github-outlined', 'ant-design:aliwangwang-outlined', 'ant-design:dingding-outlined', 'ant-design:weibo-square-outlined', 'ant-design:weibo-circle-outlined', 'ant-design:taobao-circle-outlined', 'ant-design:html5-outlined', 'ant-design:weibo-outlined', 'ant-design:twitter-outlined', 'ant-design:wechat-outlined', 'ant-design:youtube-outlined', 'ant-design:alipay-circle-outlined', 'ant-design:taobao-outlined', 'ant-design:skype-outlined', 'ant-design:qq-outlined', 'ant-design:medium-workmark-outlined', 'ant-design:gitlab-outlined', 'ant-design:medium-outlined', 'ant-design:linkedin-outlined', 'ant-design:google-plus-outlined', 'ant-design:dropbox-outlined', 'ant-design:facebook-outlined', 'ant-design:codepen-outlined', 'ant-design:amazon-outlined', 'ant-design:google-outlined', 'ant-design:codepen-circle-outlined', 'ant-design:alipay-outlined', 'ant-design:ant-design-outlined', 'ant-design:aliyun-outlined', 'ant-design:zhihu-outlined', 'ant-design:slack-outlined', 'ant-design:slack-square-outlined', 'ant-design:behance-outlined', 'ant-design:behance-square-outlined', 'ant-design:dribbble-outlined', 'ant-design:dribbble-square-outlined', 'ant-design:instagram-outlined', 'ant-design:yuque-outlined', 'ant-design:alibaba-outlined', 'ant-design:yahoo-outlined']
+//其他
+const otherIcons = ref<any>([]);
+//update-end---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
+
+watchEffect(() => {
+  // update-begin--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
+  let value = props.value;
+  if (!props.iconPrefixSave && value) {
+    value = `ant-design:${value}`;
   }
+  // update-end--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
+  currentSelect.value = value;
+});
 
-  const props = defineProps({
-    value: propTypes.string,
-    width: propTypes.string.def('100%'),
-    copy: propTypes.bool.def(false),
-    mode: propTypes.oneOf<('svg' | 'iconify')[]>(['svg', 'iconify']).def('iconify'),
-    disabled: propTypes.bool.def(false),
-    clearSelect: propTypes.bool.def(false),
-    iconPrefixSave: propTypes.bool.def(true),
-  });
-
-  const emit = defineEmits(['change', 'update:value']);
-
-  const isSvgMode = props.mode === 'svg';
-  const icons = isSvgMode ? getSvgIcons() : getIcons();
-
-  const selectIcon = ref('');
-  const currentSelect = ref('');
-
-  const { t } = useI18n();
-  const { prefixCls } = useDesign('icon-picker');
-
-  //update-begin---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
-  const iconOpen = ref<boolean>(false);
-  //方向性图标
-  const directionIcons = ['ant-design:step-backward-outlined', 'ant-design:step-forward-outlined', 'ant-design:fast-backward-outlined', 'ant-design:fast-forward-outlined', 'ant-design:shrink-outlined', 'ant-design:arrows-alt-outlined', 'ant-design:down-outlined', 'ant-design:up-outlined', 'ant-design:left-outlined', 'ant-design:right-outlined', 'ant-design:caret-up-outlined', 'ant-design:caret-down-outlined', 'ant-design:caret-left-outlined', 'ant-design:caret-right-outlined', 'ant-design:up-circle-outlined', 'ant-design:down-circle-outlined', 'ant-design:left-circle-outlined', 'ant-design:right-circle-outlined',  'ant-design:double-right-outlined', 'ant-design:double-left-outlined', 'ant-design:vertical-left-outlined', 'ant-design:vertical-right-outlined', 'ant-design:forward-outlined', 'ant-design:backward-outlined', 'ant-design:rollback-outlined', 'ant-design:enter-outlined', 'ant-design:retweet-outlined', 'ant-design:swap-outlined', 'ant-design:swap-left-outlined', 'ant-design:swap-right-outlined', 'ant-design:arrow-up-outlined', 'ant-design:arrow-down-outlined', 'ant-design:arrow-left-outlined', 'ant-design:arrow-right-outlined', 'ant-design:play-circle-outlined', 'ant-design:up-square-outlined', 'ant-design:down-square-outlined', 'ant-design:left-square-outlined', 'ant-design:right-square-outlined', 'ant-design:login-outlined', 'ant-design:logout-outlined', 'ant-design:menu-fold-outlined', 'ant-design:menu-unfold-outlined', 'ant-design:border-bottom-outlined', 'ant-design:border-horizontal-outlined', 'ant-design:border-inner-outlined', 'ant-design:border-left-outlined', 'ant-design:border-right-outlined', 'ant-design:border-top-outlined', 'ant-design:border-verticle-outlined', 'ant-design:pic-center-outlined', 'ant-design:pic-left-outlined', 'ant-design:pic-right-outlined', 'ant-design:radius-bottomleft-outlined', 'ant-design:radius-bottomright-outlined', 'ant-design:radius-upleft-outlined', 'ant-design:radius-upright-outlined', 'ant-design:fullscreen-outlined', 'ant-design:fullscreen-exit-outlined']
-  //提示建议性图标
-  const suggestionIcons = ['ant-design:question-outlined', 'ant-design:question-circle-outlined', 'ant-design:plus-outlined', 'ant-design:plus-circle-outlined', 'ant-design:pause-outlined', 'ant-design:pause-circle-outlined', 'ant-design:minus-outlined', 'ant-design:minus-circle-outlined', 'ant-design:plus-square-outlined', 'ant-design:minus-square-outlined', 'ant-design:info-outlined', 'ant-design:info-circle-outlined', 'ant-design:exclamation-outlined', 'ant-design:exclamation-circle-outlined', 'ant-design:close-outlined', 'ant-design:close-circle-outlined', 'ant-design:close-square-outlined', 'ant-design:check-outlined', 'ant-design:check-circle-outlined', 'ant-design:check-square-outlined', 'ant-design:clock-circle-outlined', 'ant-design:warning-outlined', 'ant-design:issues-close-outlined', 'ant-design:stop-outlined']
-  //编辑类图标
-  const editIcons = ['ant-design:edit-outlined', 'ant-design:form-outlined', 'ant-design:copy-outlined', 'ant-design:scissor-outlined', 'ant-design:delete-outlined', 'ant-design:snippets-outlined', 'ant-design:diff-outlined', 'ant-design:highlight-outlined', 'ant-design:align-center-outlined', 'ant-design:align-left-outlined', 'ant-design:align-right-outlined', 'ant-design:bg-colors-outlined', 'ant-design:bold-outlined', 'ant-design:italic-outlined', 'ant-design:underline-outlined', 'ant-design:strikethrough-outlined', 'ant-design:redo-outlined', 'ant-design:undo-outlined', 'ant-design:zoom-in-outlined', 'ant-design:zoom-out-outlined', 'ant-design:font-colors-outlined', 'ant-design:font-size-outlined', 'ant-design:line-height-outlined', 'ant-design:dash-outlined', 'ant-design:small-dash-outlined', 'ant-design:sort-ascending-outlined', 'ant-design:sort-descending-outlined', 'ant-design:drag-outlined', 'ant-design:ordered-list-outlined', 'ant-design:radius-setting-outlined']
-  //数据类图标
-  const dataIcons = ['ant-design:area-chart-outlined', 'ant-design:pie-chart-outlined', 'ant-design:bar-chart-outlined', 'ant-design:dot-chart-outlined', 'ant-design:line-chart-outlined', 'ant-design:radar-chart-outlined', 'ant-design:heat-map-outlined', 'ant-design:fall-outlined', 'ant-design:rise-outlined', 'ant-design:stock-outlined', 'ant-design:box-plot-outlined', 'ant-design:fund-outlined', 'ant-design:sliders-outlined']
-  //站通用图标
-  const webIcons = ['ant-design:lock-outlined', 'ant-design:unlock-outlined', 'ant-design:bars-outlined', 'ant-design:book-outlined', 'ant-design:calendar-outlined', 'ant-design:cloud-outlined', 'ant-design:cloud-download-outlined', 'ant-design:code-outlined', 'ant-design:copy-outlined', 'ant-design:credit-card-outlined', 'ant-design:delete-outlined', 'ant-design:desktop-outlined', 'ant-design:download-outlined', 'ant-design:ellipsis-outlined', 'ant-design:file-outlined', 'ant-design:file-text-outlined', 'ant-design:file-unknown-outlined', 'ant-design:file-pdf-outlined', 'ant-design:file-word-outlined', 'ant-design:file-excel-outlined', 'ant-design:file-jpg-outlined', 'ant-design:file-ppt-outlined', 'ant-design:file-markdown-outlined', 'ant-design:file-add-outlined', 'ant-design:folder-outlined', 'ant-design:folder-open-outlined', 'ant-design:folder-add-outlined', 'ant-design:hdd-outlined', 'ant-design:frown-outlined', 'ant-design:meh-outlined', 'ant-design:smile-outlined', 'ant-design:inbox-outlined', 'ant-design:laptop-outlined', 'ant-design:appstore-outlined', 'ant-design:link-outlined', 'ant-design:mail-outlined', 'ant-design:mobile-outlined', 'ant-design:notification-outlined', 'ant-design:paper-clip-outlined', 'ant-design:picture-outlined', 'ant-design:poweroff-outlined', 'ant-design:reload-outlined', 'ant-design:search-outlined', 'ant-design:setting-outlined', 'ant-design:share-alt-outlined', 'ant-design:shopping-cart-outlined', 'ant-design:tablet-outlined', 'ant-design:tag-outlined', 'ant-design:tags-outlined', 'ant-design:to-top-outlined', 'ant-design:upload-outlined', 'ant-design:user-outlined', 'ant-design:video-camera-outlined', 'ant-design:home-outlined', 'ant-design:loading-outlined', 'ant-design:loading-3-quarters-outlined', 'ant-design:cloud-upload-outlined', 'ant-design:star-outlined', 'ant-design:heart-outlined', 'ant-design:environment-outlined', 'ant-design:eye-outlined', 'ant-design:camera-outlined', 'ant-design:save-outlined', 'ant-design:team-outlined', 'ant-design:solution-outlined', 'ant-design:phone-outlined', 'ant-design:filter-outlined', 'ant-design:exception-outlined', 'ant-design:export-outlined', 'ant-design:customer-service-outlined', 'ant-design:qrcode-outlined', 'ant-design:scan-outlined', 'ant-design:like-outlined', 'ant-design:dislike-outlined', 'ant-design:message-outlined', 'ant-design:pay-circle-outlined', 'ant-design:calculator-outlined', 'ant-design:pushpin-outlined', 'ant-design:bulb-outlined', 'ant-design:select-outlined', 'ant-design:switcher-outlined', 'ant-design:rocket-outlined', 'ant-design:bell-outlined', 'ant-design:disconnect-outlined', 'ant-design:database-outlined', 'ant-design:compass-outlined', 'ant-design:barcode-outlined', 'ant-design:hourglass-outlined', 'ant-design:key-outlined', 'ant-design:flag-outlined', 'ant-design:layout-outlined', 'ant-design:printer-outlined', 'ant-design:sound-outlined', 'ant-design:usb-outlined', 'ant-design:skin-outlined', 'ant-design:tool-outlined', 'ant-design:sync-outlined', 'ant-design:wifi-outlined', 'ant-design:car-outlined', 'ant-design:schedule-outlined', 'ant-design:user-add-outlined', 'ant-design:user-delete-outlined', 'ant-design:usergroup-add-outlined', 'ant-design:usergroup-delete-outlined', 'ant-design:man-outlined', 'ant-design:woman-outlined', 'ant-design:shop-outlined', 'ant-design:gift-outlined', 'ant-design:idcard-outlined', 'ant-design:medicine-box-outlined', 'ant-design:red-envelope-outlined', 'ant-design:coffee-outlined', 'ant-design:copyright-outlined', 'ant-design:trademark-outlined', 'ant-design:safety-outlined', 'ant-design:wallet-outlined', 'ant-design:bank-outlined', 'ant-design:trophy-outlined', 'ant-design:contacts-outlined', 'ant-design:global-outlined', 'ant-design:shake-outlined', 'ant-design:api-outlined', 'ant-design:fork-outlined', 'ant-design:dashboard-outlined', 'ant-design:table-outlined', 'ant-design:profile-outlined', 'ant-design:alert-outlined', 'ant-design:audit-outlined', 'ant-design:branches-outlined', 'ant-design:build-outlined', 'ant-design:border-outlined', 'ant-design:crown-outlined', 'ant-design:experiment-outlined', 'ant-design:fire-outlined', 'ant-design:money-collect-outlined', 'ant-design:property-safety-outlined', 'ant-design:read-outlined', 'ant-design:reconciliation-outlined', 'ant-design:rest-outlined', 'ant-design:security-scan-outlined', 'ant-design:insurance-outlined', 'ant-design:interation-outlined', 'ant-design:safety-certificate-outlined', 'ant-design:project-outlined', 'ant-design:thunderbolt-outlined', 'ant-design:block-outlined', 'ant-design:cluster-outlined', 'ant-design:deployment-unit-outlined', 'ant-design:dollar-outlined', 'ant-design:euro-outlined', 'ant-design:pound-outlined', 'ant-design:file-done-outlined', 'ant-design:file-exclamation-outlined', 'ant-design:file-protect-outlined', 'ant-design:file-search-outlined', 'ant-design:file-sync-outlined', 'ant-design:gateway-outlined', 'ant-design:gold-outlined', 'ant-design:robot-outlined', 'ant-design:shopping-outlined']
-  //品牌和标识网
-  const logoIcons = ['ant-design:android-outlined', 'ant-design:apple-outlined', 'ant-design:windows-outlined', 'ant-design:ie-outlined', 'ant-design:chrome-outlined', 'ant-design:github-outlined', 'ant-design:aliwangwang-outlined', 'ant-design:dingding-outlined', 'ant-design:weibo-square-outlined', 'ant-design:weibo-circle-outlined', 'ant-design:taobao-circle-outlined', 'ant-design:html5-outlined', 'ant-design:weibo-outlined', 'ant-design:twitter-outlined', 'ant-design:wechat-outlined', 'ant-design:youtube-outlined', 'ant-design:alipay-circle-outlined', 'ant-design:taobao-outlined', 'ant-design:skype-outlined', 'ant-design:qq-outlined', 'ant-design:medium-workmark-outlined', 'ant-design:gitlab-outlined', 'ant-design:medium-outlined', 'ant-design:linkedin-outlined', 'ant-design:google-plus-outlined', 'ant-design:dropbox-outlined', 'ant-design:facebook-outlined', 'ant-design:codepen-outlined', 'ant-design:amazon-outlined', 'ant-design:google-outlined', 'ant-design:codepen-circle-outlined', 'ant-design:alipay-outlined', 'ant-design:ant-design-outlined', 'ant-design:aliyun-outlined', 'ant-design:zhihu-outlined', 'ant-design:slack-outlined', 'ant-design:slack-square-outlined', 'ant-design:behance-outlined', 'ant-design:behance-square-outlined', 'ant-design:dribbble-outlined', 'ant-design:dribbble-square-outlined', 'ant-design:instagram-outlined', 'ant-design:yuque-outlined', 'ant-design:alibaba-outlined', 'ant-design:yahoo-outlined']
-  //其他
-  const otherIcons = ref<any>([]);
-  //update-end---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
-
-  watchEffect(() => {
+watch(
+  () => currentSelect.value,
+  (v) => {
     // update-begin--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
-    let value = props.value;
+    let value = v;
     if (!props.iconPrefixSave && value) {
-      value = `ant-design:${value}`;
+      value = value.split('ant-design:')[1];
     }
     // update-end--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
-    currentSelect.value = value;
-  });
+    emit('update:value', value);
+    return emit('change', value);
+  }
+);
 
-  watch(
-    () => currentSelect.value,
-    (v) => {
-      // update-begin--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
-      let value = v;
-      if (!props.iconPrefixSave && value) {
-        value = value.split('ant-design:')[1];
-      }
-      // update-end--author:liaozhiyang---date:20240528---for：【TV360X-136】按钮图标改成图标组件选择
-      emit('update:value', value);
-      return emit('change', value);
+
+//update-begin---author:wangshuai ---date:20230522  for：【issues/4947】菜单编辑页面菜单图标选择模板，每页显示数量切换无效，输入框后面的图标点击之后清空数据------------
+//update-begin---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
+/**
+ * 图标点击重置页数
+ */
+function currentSelectClick() {
+  if (props.disabled) {
+    return
+  }
+  iconOpen.value = true;
+  setTimeout(() => {
+    iconListRef.value.currentSelectClick();
+  }, 100)
+}
+//update-begin---author:wangshuai ---date:20230522  for：【issues/4947】菜单编辑页面菜单图标选择模板，每页显示数量切换无效，输入框后面的图标点击之后清空数据------------
+
+function initOtherIcon() {
+  otherIcons.value = icons.filter(item => {
+    if (directionIcons.indexOf(item) === -1 && suggestionIcons.indexOf(item) === -1 && editIcons.indexOf(item) === -1
+      && dataIcons.indexOf(item) === -1 && webIcons.indexOf(item) === -1 && logoIcons.indexOf(item) === -1) {
+      return true;
     }
-  );
-
-
-  //update-begin---author:wangshuai ---date:20230522  for：【issues/4947】菜单编辑页面菜单图标选择模板，每页显示数量切换无效，输入框后面的图标点击之后清空数据------------
-  //update-begin---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
-  /**
-   * 图标点击重置页数
-   */
-  function currentSelectClick() {
-    if (props.disabled) {
-      return
-    }
-    iconOpen.value = true;
-    setTimeout(()=>{
-      iconListRef.value.currentSelectClick();
-    },100)
-  }
-  //update-begin---author:wangshuai ---date:20230522  for：【issues/4947】菜单编辑页面菜单图标选择模板，每页显示数量切换无效，输入框后面的图标点击之后清空数据------------
-
-  function initOtherIcon() {
-    otherIcons.value = icons.filter(item => {
-      if(directionIcons.indexOf(item) === -1 && suggestionIcons.indexOf(item) === -1 && editIcons.indexOf(item) === -1
-         && dataIcons.indexOf(item) === -1 && webIcons.indexOf(item) === -1 && logoIcons.indexOf(item) === -1) {
-          return true;
-      }
-    })
-  }
-
-  const iconListRef = ref();
-
-  /**
-   * 图标弹窗确定事件
-   */
-  function handleOk() {
-    currentSelect.value = selectIcon.value;
-    iconOpen.value = false;
-  }
-
-  onMounted(()=>{
-    //初始化加载图标
-    initOtherIcon();
   })
-  //update-end---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
+}
+
+const iconListRef = ref();
+
+/**
+ * 图标弹窗确定事件
+ */
+function handleOk() {
+  let selectedIcon = selectIcon.value
+  if (isSvgMode) { selectedIcon += '|svg'; }
+  currentSelect.value = selectIcon.value;
+  iconOpen.value = false;
+}
+
+onMounted(() => {
+  //初始化加载图标
+  initOtherIcon();
+})
+//update-end---author:wangshuai---date:2024-05-08---for:【QQYUN-8924】图标库选择组件不如vue2的方便---
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-icon-picker';
+@prefix-cls: ~'@{namespace}-icon-picker';
 
-  .@{prefix-cls} {
+.@{prefix-cls} {
 
-    // 输入框手势图标
-    .ant-input:not([disabled]) {
-      cursor: pointer;
-    }
+  // 输入框手势图标
+  .ant-input:not([disabled]) {
+    cursor: pointer;
+  }
 
-    .ant-input-group-addon {
+  .ant-input-group-addon {
+    padding: 0;
+  }
+
+  &-popover {
+    width: 400px;
+
+    .ant-popover-inner-content {
       padding: 0;
     }
 
-    &-popover {
-      width: 400px;
-
-      .ant-popover-inner-content {
-        padding: 0;
-      }
-
-      .scrollbar {
-        height: 220px;
-      }
+    .scrollbar {
+      height: 220px;
     }
   }
+}
 </style>
diff --git a/src/components/Menu/src/components/MenuItemContent.vue b/src/components/Menu/src/components/MenuItemContent.vue
index 008868e..3416e85 100644
--- a/src/components/Menu/src/components/MenuItemContent.vue
+++ b/src/components/Menu/src/components/MenuItemContent.vue
@@ -1,13 +1,14 @@
 <template>
   <div :class="`${prefixCls}- flex items-center `">
     <Icon v-if="getIcon" :icon="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" />
-    {{ getI18nName }}
+     <!-- <SvgIcon v-if="getIcon" :name="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" />  -->
+    <div class="items-title">{{ getI18nName }}</div>
   </div>
 
 </template>
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-
+// import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
 import Icon from '/@/components/Icon/index';
 import { useI18n } from '/@/hooks/web/useI18n';
 import { useDesign } from '/@/hooks/web/useDesign';
@@ -18,6 +19,7 @@ export default defineComponent({
   name: 'MenuItemContent',
   components: {
     Icon,
+    // SvgIcon
   },
   props: contentProps,
   setup(props) {
@@ -32,4 +34,16 @@ export default defineComponent({
     };
   },
 });
-</script> 
\ No newline at end of file
+</script> 
+<style lang="less">
+.items-center {
+  flex-direction: column;
+  justify-content: center;
+  height: 74px;
+}
+.items-title {
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Menu/src/index.less b/src/components/Menu/src/index.less
index a35b984..bb59d77 100644
--- a/src/components/Menu/src/index.less
+++ b/src/components/Menu/src/index.less
@@ -32,7 +32,7 @@
         .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
         .ant-menu-submenu-active,
         .ant-menu-submenu-title:hover {
-          color: #fff;
+          color: #00e9fe;
           background-color: @top-menu-active-bg-color !important;
           border: solid 1px rgba(5, 255, 184, 0.46);
         }
@@ -51,7 +51,7 @@
 
           &.ant-menu-item-selected,
           &.ant-menu-submenu-selected {
-            color: #fff;
+            color: #00e9fe;
             background-color: @top-menu-active-bg-color !important;
             border: solid 1px rgba(5, 255, 184, 0.46);
           }
@@ -59,11 +59,20 @@
 
         .ant-menu-item,
         .ant-menu-submenu {
+          font-family: MicrosoftYaHei;
+          font-size: 18px;
+          font-weight: normal;
+          font-stretch: normal; 
+          letter-spacing: 2px;
+          color: #0cecca;
+          height: 74px;
+          padding-inline: 30px ;
+ 
 
           &.@{basic-menu-prefix-cls}-item__level1,
           .ant-menu-submenu-title {
-            height: 74px; //@header-height;
-            line-height: 74px; //@header-height;
+            height: @header-height;
+            line-height: @header-height;
           }
         }
       }
diff --git a/src/layouts/default/content/index.vue b/src/layouts/default/content/index.vue
index 9fd2ad9..0864167 100644
--- a/src/layouts/default/content/index.vue
+++ b/src/layouts/default/content/index.vue
@@ -51,13 +51,13 @@ export default defineComponent({
   position: relative;
   flex: 1 1 auto;
   min-height: 0;
-  margin-top: -56px;
-  padding-top: 103px;
+  // margin-top: -56px;
+  // padding-top: 103px;
   margin-left: -1px;
 
-  background-image: url(../../../assets/images/main-bg.jpg);
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
+  // background-image: url(../../../assets/images/main-bg.jpg);
+  // background-size: 100% 100%;
+  // background-repeat: no-repeat;
 
   &.fixed {
     width: 1200px;
diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue
index 8483421..f76efe1 100644
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -262,7 +262,8 @@ export default defineComponent({
 
     .anticon,
     .truncate {
-      color: rgba(255, 255, 255, 1);
+      // color: rgba(255, 255, 255, 1);
+      color: #0cecca;
     }
   }
 
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index c8fe28c..0d2e8a6 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -14,79 +14,85 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, computed, unref, ref } from 'vue';
-  import { Layout } from 'ant-design-vue';
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
+import { defineComponent, computed, unref, ref } from 'vue';
+import { Layout } from 'ant-design-vue';
+import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
 
-  import LayoutHeader from './header/index.vue';
-  import LayoutContent from './content/index.vue';
-  import LayoutSideBar from './sider/index.vue';
-  import LayoutMultipleHeader from './header/MultipleHeader.vue';
+import LayoutHeader from './header/index.vue';
+import LayoutContent from './content/index.vue';
+import LayoutSideBar from './sider/index.vue';
+import LayoutMultipleHeader from './header/MultipleHeader.vue';
 
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useLockPage } from '/@/hooks/web/useLockPage';
+import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
+import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+import { useDesign } from '/@/hooks/web/useDesign';
+import { useLockPage } from '/@/hooks/web/useLockPage';
 
-  import { useAppInject } from '/@/hooks/web/useAppInject';
+import { useAppInject } from '/@/hooks/web/useAppInject';
 
-  export default defineComponent({
-    name: 'DefaultLayout',
-    components: {
-      LayoutFeatures: createAsyncComponent(() => import('/@/layouts/default/feature/index.vue')),
-      LayoutFooter: createAsyncComponent(() => import('/@/layouts/default/footer/index.vue')),
-      LayoutHeader,
-      LayoutContent,
-      LayoutSideBar,
-      LayoutMultipleHeader,
-      Layout,
-    },
-    setup() {
-      const { prefixCls } = useDesign('default-layout');
-      const { getIsMobile } = useAppInject();
-      const { getShowFullHeaderRef } = useHeaderSetting();
-      const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting();
+export default defineComponent({
+  name: 'DefaultLayout',
+  components: {
+    LayoutFeatures: createAsyncComponent(() => import('/@/layouts/default/feature/index.vue')),
+    LayoutFooter: createAsyncComponent(() => import('/@/layouts/default/footer/index.vue')),
+    LayoutHeader,
+    LayoutContent,
+    LayoutSideBar,
+    LayoutMultipleHeader,
+    Layout,
+  },
+  setup() {
+    const { prefixCls } = useDesign('default-layout');
+    const { getIsMobile } = useAppInject();
+    const { getShowFullHeaderRef } = useHeaderSetting();
+    const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting();
 
-      // Create a lock screen monitor
-      const lockEvents = useLockPage();
+    // Create a lock screen monitor
+    const lockEvents = useLockPage();
 
-      const layoutClass = computed(() => {
-        let cls: string[] = ['ant-layout'];
-        if (unref(getIsMixSidebar) || unref(getShowMenu)) {
-          cls.push('ant-layout-has-sider');
-        }
-        return cls;
-      });
+    const layoutClass = computed(() => {
+      let cls: string[] = ['ant-layout'];
+      if (unref(getIsMixSidebar) || unref(getShowMenu)) {
+        cls.push('ant-layout-has-sider');
+      }
+      return cls;
+    });
 
-      return {
-        getShowFullHeaderRef,
-        getShowSidebar,
-        prefixCls,
-        getIsMobile,
-        getIsMixSidebar,
-        layoutClass,
-        lockEvents,
-      };
-    },
-  });
+    return {
+      getShowFullHeaderRef,
+      getShowSidebar,
+      prefixCls,
+      getIsMobile,
+      getIsMixSidebar,
+      layoutClass,
+      lockEvents,
+    };
+  },
+});
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-default-layout';
+@prefix-cls: ~'@{namespace}-default-layout';
 
-  .@{prefix-cls} {
-    display: flex;
-    width: 100%;
+.@{prefix-cls} {
+  display: flex;
+  width: 100%;
+  min-height: 100%;
+  background-color: transparent; // @content-bg;
+  flex-direction: column;
+
+  background-image: url(./../../assets/images/main-bg.jpg);
+  background-size: cover;
+  background-repeat: no-repeat;
+
+  >.ant-layout {
     min-height: 100%;
-    background-color: @content-bg;
-    flex-direction: column;
-
-    > .ant-layout {
-      min-height: 100%;
-    }
-
-    &-main {
-      width: 100%;
-      margin-left: 1px;
-    }
+    background: transparent !important;
   }
+
+  &-main {
+    width: 100%;
+    margin-left: 1px;
+    background: transparent !important;
+  }
+}
 </style>
diff --git a/src/settings/projectSetting.ts b/src/settings/projectSetting.ts
index 2ce175f..06345d5 100644
--- a/src/settings/projectSetting.ts
+++ b/src/settings/projectSetting.ts
@@ -20,7 +20,7 @@ const setting: ProjectConfig = {
   showDarkModeToggle: true,
   settingButtonPosition: SettingButtonPositionEnum.AUTO,
   permissionMode: PermissionModeEnum.BACK,
-  permissionCacheType: CacheTypeEnum.LOCAL,
+  permissionCacheType: 1,
   sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP,
   themeColor: primaryColor,
   themeMode: darkMode,
@@ -34,7 +34,7 @@ const setting: ProjectConfig = {
     bgColor: HEADER_PRESET_BG_COLOR_LIST[4],
     fixed: true,
     show: true,
-    theme: ThemeEnum.LIGHT,
+    theme: ThemeEnum.DARK,
     useLockPage: false,
     showFullScreen: false,
     showDoc: false,
@@ -49,18 +49,18 @@ const setting: ProjectConfig = {
     canDrag: false,
     show: true,
     hidden: false,
-    menuWidth: 210,
-    mode: MenuModeEnum.HORIZONTAL,
-    type: MenuTypeEnum.TOP_MENU,
-    theme: ThemeEnum.LIGHT,
-    isThemeBright: false,
+    menuWidth: 290,
+    mode: MenuModeEnum.INLINE,
+    type: MenuTypeEnum.MIX,
+    theme: ThemeEnum.DARK,
+    isThemeBright: true,
     topMenuAlign: "center",
     trigger: TriggerEnum.NONE,
     accordion: true,
     closeMixSidebarOnChange: false,
     mixSideTrigger: MixSidebarTriggerEnum.CLICK,
     mixSideFixed: false,
-    split: false
+    split: true
   },
   multiTabsSetting: {
     cache: false,
@@ -69,7 +69,7 @@ const setting: ProjectConfig = {
     showQuick: true,
     showRedo: true,
     showFold: true,
-    theme: TabsThemeEnum.CARD,
+    theme: TabsThemeEnum.SMOOTH
   },
   transitionSetting: {
     enable: true,
diff --git a/src/views/dashboard/Analysis/index.vue b/src/views/dashboard/Analysis/index.vue
index 85bd3dd..31423f7 100644
--- a/src/views/dashboard/Analysis/index.vue
+++ b/src/views/dashboard/Analysis/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <IndexChart v-if="indexStyle === 0"></IndexChart>
+  <!-- <IndexChart v-if="indexStyle === 0"></IndexChart>
   <IndexDef v-if="indexStyle === 1"></IndexDef>
   <IndexBdc v-if="indexStyle == 2"></IndexBdc>
   <IndexTask v-if="indexStyle == 3"></IndexTask>
@@ -11,7 +11,7 @@
       <a-radio :value="2">业务统计</a-radio>
       <a-radio :value="3">我的任务</a-radio>
     </a-radio-group>
-  </div>
+  </div> -->
 </template>
 <script lang="ts" setup>
   import { ref } from 'vue';
diff --git a/src/views/system/menu/menu.data.ts b/src/views/system/menu/menu.data.ts
index aba8eae..65287e8 100644
--- a/src/views/system/menu/menu.data.ts
+++ b/src/views/system/menu/menu.data.ts
@@ -3,7 +3,7 @@ import { FormSchema } from '/@/components/Table';
 import { h } from 'vue';
 import { Icon } from '/@/components/Icon';
 import { duplicateCheck } from '../user/user.api';
-import { ajaxGetDictItems ,checkPermDuplication } from './menu.api';
+import { ajaxGetDictItems, checkPermDuplication } from './menu.api';
 import { render } from '/@/utils/common/renderUtils';
 
 const isDir = (type) => type === 0;
@@ -102,7 +102,7 @@ export const formSchema: FormSchema[] = [
             },
           ]);
           //update-begin---author:wangshuai ---date:20220729  for：[VUEN-1834]只有一级菜单，才默认值，子菜单的时候，清空------------
-          if (isMenu(e) && !formModel.id && (formModel.component=='layouts/default/index' || formModel.component=='layouts/RouteView')) {
+          if (isMenu(e) && !formModel.id && (formModel.component == 'layouts/default/index' || formModel.component == 'layouts/RouteView')) {
             formModel.component = '';
           }
           //update-end---author:wangshuai ---date:20220729  for：[VUEN-1834]只有一级菜单，才默认值，子菜单的时候，清空------------
@@ -144,8 +144,8 @@ export const formSchema: FormSchema[] = [
     //update-begin-author:liusq date:2023-06-06 for: [issues/5008]子表数据权限设置不生效
     ifShow: ({ values }) => !(values.component === ComponentTypes.IFrame && values.internalOrExternal),
     //update-begin-author:zyf date:2022-11-02 for: 聚合路由允许路径重复
-     dynamicRules: ({ model, schema,values }) => {
-       return checkPermDuplication(model, schema,  values.menuType !== 2?true:false);
+    dynamicRules: ({ model, schema, values }) => {
+      return checkPermDuplication(model, schema, values.menuType !== 2 ? true : false);
     },
     //update-end-author:zyf date:2022-11-02 for: 聚合路由允许路径重复
     //update-end-author:liusq date:2022-06-06 for:  [issues/5008]子表数据权限设置不生效
@@ -157,7 +157,7 @@ export const formSchema: FormSchema[] = [
     componentProps: {
       placeholder: '请输入前端组件',
     },
-    defaultValue:'layouts/default/index',
+    defaultValue: 'layouts/default/index',
     required: true,
     ifShow: ({ values }) => !isButton(values.menuType),
   },
@@ -254,7 +254,10 @@ export const formSchema: FormSchema[] = [
     field: 'icon',
     label: '菜单图标',
     component: 'IconPicker',
-    ifShow: ({ values }) => !isButton(values.menuType),
+    ifShow: ({ values }) => !isButton(values.menuType), 
+    // componentProps: {
+    //   mode: 'svg',  
+    // }
   },
   {
     field: 'sortNo',