From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 12 九月 2024 01:23:40 +0800
Subject: [PATCH] 规则维护更新

---
 src/layouts/default/header/components/user-dropdown/DropMenuItem.vue |   32 ++++++++++++--------------------
 1 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
index 6f2b903..8d0a02a 100644
--- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
+++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -1,32 +1,24 @@
 <template>
-  <MenuItem :key="itemKey">
+  <Menu.Item :key="itemKey">
     <span class="flex items-center">
       <Icon :icon="icon" class="mr-1" />
       <span>{{ text }}</span>
     </span>
-  </MenuItem>
+  </Menu.Item>
 </template>
-<script lang="ts">
+<script lang="ts" setup>
   import { Menu } from 'ant-design-vue';
-
-  import { computed, defineComponent, getCurrentInstance } from 'vue';
+  import { computed, getCurrentInstance } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
+  import { propTypes } from '@/utils/propTypes';
 
-  import { propTypes } from '/@/utils/propTypes';
+  defineOptions({ name: 'DropdownMenuItem' });
 
-  export default defineComponent({
-    name: 'DropdownMenuItem',
-    components: { MenuItem: Menu.Item, Icon },
-    props: {
-      // eslint-disable-next-line
-      key: propTypes.string,
-      text: propTypes.string,
-      icon: propTypes.string,
-    },
-    setup(props) {
-      const instance = getCurrentInstance();
-      const itemKey = computed(() => props.key || instance?.vnode?.props?.key);
-      return { itemKey };
-    },
+  defineProps({
+    text: propTypes.string,
+    icon: propTypes.string,
   });
+
+  const instance = getCurrentInstance();
+  const itemKey = computed(() => instance?.vnode?.props?.key);
 </script>

--
Gitblit v1.9.3